Linux系统自动部署 Vue 项目过程

关于Linux自动部署 Vue项目步骤。 （ps：不仅只是Vue，任何编译打包都可使用）

我们先分析打包过程：

1. 拉去最新的代码 （git）
2. 安装依赖（npm）
3. 构建打包 （node）
4. 删除服务器文件夹下的就项目文件
5. 新打包好的文件复制过去
6. 成功部署

代码：

# 当前路径 /deploy/data/nginx
# 存放脚本路径 /deploy/data/nginx/shs
# 线上文件 /deploy/data/nginx/pages/
# 代码路径 /deploy/data/nginx/www/

#切换到代码目录
cd ./www

# clone 新的代码
git clone http://www.git.com/project-name.git

# 进入目录
cd project-name

# 安装依赖
npm install

# 打包 
npm run build

# 删除 ngnix 指向的文件夹下得文件
rm -rf /deploy/data/nginx/page/project-name/*

# 将打包好的文件复制过去
mv /deploy/data/nginx/www/project-name/dist/*  /deploy/data/nginx/page/project-name

等待脚本执行完毕，就完成部署！！！！