Jenkins部署VUE项目及注意事项

安装部署Jenkins，网上很多教程，不做记录。

一，安装nodejs插件，插件管理--安装NodeJs插件

二，安装NodeJS 全局工具配置--NodeJS

这里第一次版本选太高，打包失败，后来发现是版本与npm版本冲突。

三，创建项目

新建任务，构建一个自由风格的软件项目

 点击确定后，进入项目配置

 这里根据实际情况选择，为了节省空间，我选择只保留最后一次构建记录

 这里写上自己的源码地址。

这里不用选择 

这里选择刚安装的nodejs工具，其他不用改 

 

构建--选择执行shell 

#npm i --legacy-peer-deps #绕过peerDependency自动安装
npm install --registry=https://registry.npm.taobao.org #选择淘宝源
npm run build:stage
cd dist/
rm -rf test-vue.tar.gz #删除上次打包生成的压缩文件
tar -zcvf test-vue.tar.gz *  #将生成的项目打包方便传输远程服务器
cd ../

 npm i --legacy-peer-deps这个在打包失败的情况下可以加上试试。一开始本地可以打包，线上不行，加上这个绕过检测后可以打包。后来发现是vue项目中有导入不存在的包，导致打包失败，修改后不需要绕过peerDependency也可以成功。

 构建后操作

cd /var/lib/jenkins/workspace/yuruan-vue/dist #进入到jenkins的打包目录
cp test-vue.tar.gz  /usr/local/manage-vue/dist #将文件拷贝到服务器中的目标文件夹
cd /usr/local/manage-vue/dist #进入到目标文件夹
tar -zxvf test-vue.tar.gz #解压项目包
rm -rf test-vue.tar.gz #删除压缩文件