jenkins自动构建vue项目，配置git，Publish Over SSH

已经部署好了jenkins，目前需要做的就是做一下相关配置。

1、安装Publish Over SSH插件，用于连接linux服务器。

• 系统管理-插件管理，在可选插件下搜索Publish Over SSH勾选并安装
  这里我已经安装过了

• 系统管理-系统配置，拉到最下面配置Publish over SSH

配置之后，点击测试，success即成功

2、安装nodejs

• 安装同Publish Over SSH的一样

• 配置nodejs

系统配置-全局工具配置，拉到最下面nodejs配置部分，配置node 版本

配置好之后测试node是否生效

新建一个freestyle project用于测试node是否安装成功（可忽略此步骤），配置如下

构建成功，查看日志输出。如下则安装成功

3、新建一个freestyle project

• 配置git

• 构建环境

• shell脚本

#加载依赖
npm install  
#打包
npm run build
#切换到dist下
cd dist 
#移除之前的压缩包
rm -f dist.tar.gz
#把当前目录的所有文件打包成dist.tar.gz
tar -zcvf dist.tar.gz *

• 增加构建后的步骤

#Source files 项目构建后在工作空间的相对目录
dist/dist.tar.gz
#Remove prefix 去掉前缀
dist
#Remote directory   此目录是基于之前设置服务器时设置根路径，系统配置的根路径/usr，所以我这里写的路径是/local/nginx/html
/local/nginx/html
#Exec command   先cd切换到文件发布的目录,然后执行解压操作,然后删除压缩包
cd /local/nginx/html
tar -zxvf dist.tar.gz
rm -f dist.tar.gz 

4、立即构建项目

控制台报错，是远程服务器文件操作权限问题，解决参考点击

Exception when publishing, exception message [Permission denied] Build step 'Send build artifacts over SSH' changed build result to UNSTABLE

如下构建成功

参考：
Jenkins自动化构建vue项目然后发布到远程Linux服务器
Jenkins部署vue项目详细步骤
jenkins自动构建发布vue项目的方法步骤