linux 修改vue文件,linux 下部署 vue项目 自动化部署，一键部署

说，将大象放到冰箱需要三步

那么把项目放到服务器上，需要几步呢 ？？？

下面分享两种方式 方式 方式 方式 方式 方式 方式 方式 方式 方式 方式

1、项目直接在本地打包后，复制到服务器对应的文件夹即可

vue的项目，在本地打包以后，会生成一个dist文件夹，该文件夹下面的所有资源，就是你需要放到服务器上的文件。

本地打包后的文件夹目录：

有ftp工具

如果有ftp工具，直接使用ftp工具将本地文件复制过去，复制到服务器对应的文件夹下

无ftp工具

需要使用服务器上传文件命令，如rz sz 等

2、在服务器上执行命令，自动完成部署过程

经过一段时间的 方式1 之后，烦了，你需要一个一键部署到服务的过程

这个时候，你需要使用 脚本，

登陆服务器后，执行一个脚本，就自动完成这个过程

先分析脚本的过程

1、拉去最新的代码 (需要使用 git )

2、安装依赖(需要 npm )

3、构建打包 (需要 node)

4、删除服务器文件夹下的就项目文件

5、新打包好的文件复制过去

6、完成

上代码

build.sh

# 当前路径 /deploy/data/nginx

# 存放脚本路径 /deploy/data/nginx/shs

# 线上文件 /deploy/data/nginx/pages/

# 代码路径 /deploy/data/nginx/codes/

# 删除项目目录下得代码

rm -rf ./codes/project-name/*

#切换到代码目录

cd ./codes

# clone 新的代码

git clone http://www.nidexiangmu.com/project-name.git

# 进入目录

cd project-name

# 切换分支到你需要的分支

git checkout branchName

# 安装依赖

npm install

# 打包

npm run build

# 删除 ngnix 指向的文件夹下得文件

rm -rf /deploy/data/nginx/page/project-name/*

# 将打包好的文件复制过去

mv /deploy/data/nginx/codes/project-name/dist/* /deploy/data/nginx/page/project-name

等待脚本执行完毕，就部署完成，还可以再脚本中添加一些logo，提示用户构建的过程和结果