适用场景

通过 nginx 搭建的前端静态服务，可能一般的操作是，本地开发好之后，通过 ssh 登录服务端，git pull 拉取代码，然后 npm run build 重新打包等一列操纵纯手工部署，对于开发环境，测试环境等更新比较频繁等环境，就会产生很多重复性低效的工作。通过 tb-pro-cli 脚手架，可以实现轻量化部署，在命令行工具输入一条命令就可以实现整个流程，并且支持多环境发布部署。

前提条件

能通过 ssh 连上服务器即可

安装

全局安装 tb-pro-cli

npm i tb-pro-cli -g

使用

1.初始化部署模板

tbp-cli  create ProjectName

2.配置部署环境

部署配置文件位于 config 文件夹下的deploy.config.js, 一般包含dev（开发环境）和prod（线上环境）两个配置，再有多余的环境配置形式与之类似，只有一个环境的可以删除另一个多余的配置（比如只有prod线上环境，请删除dev开发环境配置）。

具体配置信息请参考配置文件注释：

module.exports = {
  privateKey: '', // 本地私钥地址，位置一般在C:/Users/xxx/.ssh/id_rsa，非必填，有私钥则配置
  passphrase: '', // 本地私钥密码，非必填，有私钥则配置
  projectName: 'project1', // 项目名称
  dev: { // 开发环境
    name: '开发环境',
    script: "npm run build-dev", // 开发环境打包脚本
    host: '10.240.176.99', // 开发服务器地址
    port: 22, // ssh port，一般默认22
    username: 'root', // 登录服务器用户名
    password: '123456', // 登录服务器密码
    distPath: 'dist',  // 本地打包dist目录
    webDir: '/var/www/html/',  // // 开发环境服务器地址
  },
  // 再还有多余的环境按照这个格式写即可
}

3.环境部署

开发环境部署采用的时dev的配置

tbp-cli deploy dev