前端一键自动化部署脚手架服务,支持开发、测试、生产多环境配置。配置好后一键即可自动完成部署。
https://github.com/chenchenwuai/deploy-plus
全局安装 deploy-plus
npm install deploy-plus -g本地安装 deploy-plus
npm install deploy-plus --save-dev查看版本,表示安装成功
deploy-plus -v注:本地安装的需要在调用前加 npx
npx deploy-plus -vdeploy-plus -hdeploy-plus init -fy # 或者使用简写 deploy-plus i -fy执行
deploy-plus i -h获取使用帮助
参数
-f--force强制重新生成配置文件-y--yes全部设置为默认值, 如果后面跟字符串会被当作默认密码,例如:deploy-plus i -y my-password
根据提示填写内容,会在项目根目录下生成 deploy.config.js 文件,初始化可根据选择的需要部署的环境生成 dev (开发环境)、test (测试环境)、prod (生产环境) 三个配置,再有其他配置可参考模板自行配置。
如果生成文件时没有输入密码,或者没有默认密码,而后面又想设置密码时,请参考 2.3节 生成密码的加密字符串
- 加密原始密码
# 加密原始密码 deploy-plus encrypt 123456 # 或者使用简写 deploy-plus e 123456加密成功后,控制台会打印出结果,请将结果填写到配置的password字段
- 解密
# 解密 deploy-plus e decrypt xxxxx # 或者使用简写 deploy-plus e -d xxxxxxxxxx 为加密密码生成的字符串
执行
deploy-plus e -h获取使用帮助
deploy-plus deploy # 或者使用简写 deploy-plus d deploy-plus d -by -m prod执行
deploy-plus d -h获取使用帮助
参数
-m--mode <mode>设置部署模式,不设置此参数,则默认 dev,例如:deploy-plus d -m prod-c--cluster部署集群,设置此参数后会忽略 -m 参数-b--build设置此参数,会执行打包命令(需保证已填写打包命令配置)-y--yes跳过是否确定部署提示
如需手动配置,只需要在项目根目录下手动创建
.deploy.config.js文件,复制以下代码按情况修改即可。
// 配置字段解析 module.exports = { projectName: 'myProject', // 项目名称 privateKey: '/Users/username/.ssh/id_rsa', // id_rsa文件路径 passphrase: '', cluster: ['dev','test'], // 集群部署配置,要同时部署多台配置此属性如: ['dev', 'test', 'prod'] dev: { // 环境对象 name: '开发环境', // 环境名称 script: 'npm run build', // 打包命令 host: '192.168.0.1', // 服务器地址 port: 22, // 服务器端口号 username: 'root', // 服务器登录用户名 password: '', // 服务器登录密码 distPath: 'dist', // 本地打包生成目录 webDir: '/usr/local/nginx/html', // 服务器部署路径(不可为空或'/'或'/aaa',至少两级目录) isBackupRemoteFile: true// 是否备份远程文件(默认true) }, test: { name: '测试环境', script: 'npm run build:test', host: '192.168.0.1', port: 22, username: 'root', password: '', distPath: 'dist', webDir: '/usr/local/nginx/html', isBackupRemoteFile: true }, prod: { name: '生产环境', script: 'npm run build:prod', host: '192.168.0.1', port: 22, username: 'root', password: '', distPath: 'dist', webDir: '/usr/local/nginx/html', isBackupRemoteFile: true } }如果使用本地安装命令的话,可以在项目根目录下的 package.json 文件中 scripts 脚本中添加如下代码
"scripts": { "deploy": "deploy-plus d", "deploy:dev": "deploy-plus d -b", "deploy:test": "deploy-plus d -b -m test", "deploy:prod": "deploy-plus d -b -m prod" }然后使用下面代码也可以完成部署操作
npm run deploy:dev最后如果大家觉得还不错挺好用的话,麻烦给个 Star 😜😜😜。