請(qǐng)閱讀下方文本熟悉工具使用方法
deploy-cli-service
前端一鍵自動(dòng)化部署腳手架服務(wù)秩铆，支持開發(fā)、測(cè)試曾棕、生產(chǎn)多環(huán)境配置扣猫。配置好后一鍵即可自動(dòng)完成部署。
github
npm
更新日志
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 初始化配置文件（在項(xiàng)目目錄下）
deploy-cli-service init # 或者使用簡(jiǎn)寫 deploy-cli-service i
根據(jù)提示填寫內(nèi)容苞笨，會(huì)在項(xiàng)目根目錄下生成 deploy.config.js 文件债朵，初始化配置只會(huì)生成 dev (開發(fā)環(huán)境)、test (測(cè)試環(huán)境)瀑凝、prod (生產(chǎn)環(huán)境) 三個(gè)配置序芦，再有其他配置可參考模板自行配置。
image
2.3 手動(dòng)創(chuàng)建或修改配置文件
在項(xiàng)目根目錄下手動(dòng)創(chuàng)建 deploy.config.js 文件粤咪，復(fù)制以下代碼按情況修改即可谚中。
module.exports = {
projectName: 'vue_samples', // 項(xiàng)目名稱
privateKey: '/Users/fuchengwei/.ssh/id_rsa',
passphrase: '',
dev: {
// 環(huán)境對(duì)象
name: '開發(fā)環(huán)境', // 環(huán)境名稱
script: 'npm run build', // 打包命令
host: '192.168.0.1', // 服務(wù)器地址
port: 22, // 服務(wù)器端口號(hào)
username: 'root', // 服務(wù)器登錄用戶名
password: '123456', // 服務(wù)器登錄密碼
distPath: 'dist', // 本地打包生成目錄
webDir: '/usr/local/nginx/html', // 服務(wù)器部署路徑（不可為空或'/'）
isRemoveRemoteFile: true // 是否刪除遠(yuǎn)程文件（默認(rèn)true）
},
test: {
// 環(huán)境對(duì)象
name: '測(cè)試環(huán)境', // 環(huán)境名稱
script: 'npm run build:test', // 打包命令
host: '192.168.0.1', // 服務(wù)器地址
port: 22, // 服務(wù)器端口號(hào)
username: 'root', // 服務(wù)器登錄用戶名
password: '123456', // 服務(wù)器登錄密碼
distPath: 'dist', // 本地打包生成目錄
webDir: '/usr/local/nginx/html', // 服務(wù)器部署路徑（不可為空或'/'）
isRemoveRemoteFile: true // 是否刪除遠(yuǎn)程文件（默認(rèn)true）
},
prod: {
// 環(huán)境對(duì)象
name: '生產(chǎn)環(huán)境', // 環(huán)境名稱
script: 'npm run build:prod', // 打包命令
host: '192.168.0.1', // 服務(wù)器地址
port: 22, // 服務(wù)器端口號(hào)
username: 'root', // 服務(wù)器登錄用戶名
password: '123456', // 服務(wù)器登錄密碼
distPath: 'dist', // 本地打包生成目錄
webDir: '/usr/local/nginx/html', // 服務(wù)器部署路徑（不可為空或'/'）
isRemoveRemoteFile: true // 是否刪除遠(yuǎn)程文件（默認(rèn)true）
}
}
2.4 部署 （在項(xiàng)目目錄下）
注意：命令后面需要加 --mode 環(huán)境對(duì)象 （如：--mode dev）
deploy-cli-service deploy --mode dev # 或者使用 deploy-cli-service d --mode dev
輸入 Y 確認(rèn)后即可開始自動(dòng)部署，看見如下提示說(shuō)明部署完成
image
2.5 本地安裝擴(kuò)展
如果使用本地安裝命令的話寥枝，可以在項(xiàng)目根目錄下的 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
來(lái)源地址：https://github.com/fuchengwei/deploy-cli-service/blob/master/README.md
