請閱讀下方文本熟悉工具使用方法

deploy-cli-service

前端一鍵自動化部署腳手架服務(wù)，支持開發(fā)、測試、生產(chǎn)多環(huán)境配置。配置好后一鍵即可自動完成部署。

github

https://github.com/fuchengwei/deploy-cli-service

npm

https://www.npmjs.com/package/deploy-cli-service

更新日志

https://github.com/fuchengwei/deploy-cli-service/wiki/更新日志

1 安裝

全局安裝 deploy-cli-service

npm install deploy-cli-service -g

本地安裝 deploy-cli-service

npm install deploy-cli-service --save-dev

查看版本，表示安裝成功

deploy-cli-service -v

注：本地安裝的需要在調(diào)用前加 npx

npx deploy-cli-service -v

image

2 使用（以下代碼都以全局安裝為例）

2.1 查看幫助

deploy-cli-service -h

image

2.2 初始化配置文件（在項目目錄下）

deploy-cli-service init  # 或者使用簡寫 deploy-cli-service i

根據(jù)提示填寫內(nèi)容，會在項目根目錄下生成 deploy.config.js 文件，初始化配置只會生成 dev (開發(fā)環(huán)境)、test (測試環(huán)境)、prod (生產(chǎn)環(huán)境) 三個配置，再有其他配置可參考模板自行配置。

image

2.3 手動創(chuàng)建或修改配置文件

在項目根目錄下手動創(chuàng)建 deploy.config.js 文件，復(fù)制以下代碼按情況修改即可。

module.exports = {
  projectName: 'vue_samples', // 項目名稱
  privateKey: '/Users/fuchengwei/.ssh/id_rsa',
  passphrase: '',
  dev: {
    // 環(huán)境對象
    name: '開發(fā)環(huán)境', // 環(huán)境名稱
    script: 'npm run build', // 打包命令
    host: '192.168.0.1', // 服務(wù)器地址
    port: 22, // 服務(wù)器端口號
    username: 'root', // 服務(wù)器登錄用戶名
    password: '123456', // 服務(wù)器登錄密碼
    distPath: 'dist', // 本地打包生成目錄
    webDir: '/usr/local/nginx/html', // 服務(wù)器部署路徑（不可為空或'/'）
    isRemoveRemoteFile: true // 是否刪除遠程文件（默認true）
  },
  test: {
    // 環(huán)境對象
    name: '測試環(huán)境', // 環(huán)境名稱
    script: 'npm run build:test', // 打包命令
    host: '192.168.0.1', // 服務(wù)器地址
    port: 22, // 服務(wù)器端口號
    username: 'root', // 服務(wù)器登錄用戶名
    password: '123456', // 服務(wù)器登錄密碼
    distPath: 'dist', // 本地打包生成目錄
    webDir: '/usr/local/nginx/html', // 服務(wù)器部署路徑（不可為空或'/'）
    isRemoveRemoteFile: true // 是否刪除遠程文件（默認true）
  },
  prod: {
    // 環(huán)境對象
    name: '生產(chǎn)環(huán)境', // 環(huán)境名稱
    script: 'npm run build:prod', // 打包命令
    host: '192.168.0.1', // 服務(wù)器地址
    port: 22, // 服務(wù)器端口號
    username: 'root', // 服務(wù)器登錄用戶名
    password: '123456', // 服務(wù)器登錄密碼
    distPath: 'dist', // 本地打包生成目錄
    webDir: '/usr/local/nginx/html', // 服務(wù)器部署路徑（不可為空或'/'）
    isRemoveRemoteFile: true // 是否刪除遠程文件（默認true）
  }
}

2.4 部署 （在項目目錄下）

注意：命令后面需要加 --mode 環(huán)境對象 （如：--mode dev）

deploy-cli-service deploy --mode dev # 或者使用 deploy-cli-service d --mode dev

輸入 Y 確認后即可開始自動部署，看見如下提示說明部署完成

image

2.5 本地安裝擴展

如果使用本地安裝命令的話，可以在項目根目錄下的 package.json 文件中 scripts 腳本中添加如下代碼

"scripts": {
  "serve": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "lint": "vue-cli-service lint",
  "deploy:dev": "deploy-cli-service deploy --mode dev",
  "deploy:test": "deploy-cli-service deploy --mode test",
  "deploy:prod": "deploy-cli-service deploy --mode prod"
}

然后使用下面代碼也可以完成部署操作

npm run deploy:dev

來源地址：https://github.com/fuchengwei/deploy-cli-service/blob/master/README.md