前端vue项目的自动化部署流程简介

现在前后端分离的模式习惯了以后，几乎就很少了解过前端代码部署，虽然自己以前也简单了解过node.js服务器的一点知识，但是早都忘记的一干二浄了，常用的也就是跟vue有关的npm相关的一些使用，在新公司的项目中需要自己在服务器部署代码，所有在组长的带领下，我学习了简单的前端代码部署流程（项目是vue-cli3.0），做如下记录：

1. 首先在项目根目录添加如下文件：

2. 在deploy.config.js添加配置

 

3. 安装 Xshell 6 和  Xftp 6（可以方便查看远程项目目录）

4.打开Xshell 6 新建会话

5.下载安装包（安装到开发环境devDependencies），package.json配置 deploy运行命令推送到服务器

6.查看是否运行成功