前两步传送门,在基本环境搭建好之后咱们还要作一些其余的简单而重要的事情vue
这里咱们存放的是项目代码的仓库以github为例,可是仓库须要加密,防止其余人篡改你的代码,可是加密的密钥从哪来呢,传送门,这里有各个系统生成密钥的方法,按照步骤执行便可。node
而后登陆你的github后访问 https://github.com/settings/keyslinux
把上面生产的key填写在其中就能够了,title能够随意填写,我通常填写为key的宿主便于后期维护。git
注意:咱们要分别在本地和服务器上生成key添加到仓库中。若是你已经具有项目仓库,这只需执行服务器上的步骤。github
deploy.yml
apps: - script : server.js // 发布时须要执行的脚本 name : 'vue-admin' // 项目名 watch : true //是否监控 env : //环境变量 NODE_ENV: development env_production: NODE_ENV: production deploy : production : //生产环境发布 user : root //主机用户名(centos的登陆用户名) key : C:/key/SSH-ubuntu.pem //主机密钥文件 host : - 120.78.174.212 //主机ip port : 22 // 端口 ref : origin/master //仓库分支 repo : git@github.com:artiely/vue-admin.git //仓库地址 path : /www/ant-design-pro/production //服务器项目的部署地址(确保文件夹存在) ssh_options : StrictHostKeyChecking=no // 是否检查密钥 pre-deploy : git fetch --all //发布前的钩子,拉取项目 post-deploy : 'npm install --ignore-scripts && pm2 startOrRestart deploy.yml --env production'// 发布时的钩子,先安装依赖再启动pm2以生产环境 env : NODE_ENV : production
pm2 deploy deploy.yml production setup
pm2 deploy deploy.yml production
每次项目更新后只要同步到仓库后均可以再次执行pm2 deploy deploy.yml production
以实时预览更新的内容。
固然还能够经过npm script或github webhook使事情变得更简单,再聊咯。web
实例地址: https://github.com/artiely/vue-adminshell
完.npm