jenkins部署vue项目

1、安装nodejs插件

jenkins-->系统管理-->插件管理:

jenkins部署vue项目_第1张图片

2、安装node工具

jenkins-->系统管理-->全局工具配置:选择自己需要的版本

jenkins部署vue项目_第2张图片

如果nodejs不显示版本信息,解决方法如下:

去官网找个文件    hudson.plugins.nodejs.tools.NodeJSInstaller

这个文件就是nodejs文件版本信息文件

放在jenkins 的目录下 /var/jenkins_home/updates(你的jenkins安装目录下的updates文件夹里面)

百度提取如下:
链接:https://pan.baidu.com/s/1dEDmnjulwYsbdXGiTPOlUw
提取码:x3a1

3、配置远程服务器连接:

jenkins-->配置-->Publish over SSH:

jenkins部署vue项目_第3张图片

4、配置部署任务:

(1)jenkins-->新建任务:

jenkins部署vue项目_第4张图片

(2)构建任务:

jenkins部署vue项目_第5张图片

添加credentiais:可以只写用户名和密码

jenkins部署vue项目_第6张图片

(3)构建环境:

jenkins部署vue项目_第7张图片

(4)构建:增加构建步骤-->执行shell

jenkins部署vue项目_第8张图片

jenkins部署vue项目_第9张图片

构建命令:

npm install --registry https://registry.npm.taobao.org #选择淘宝源
#npm run
npm run test 
cd dist/
rm -rf robotcenter_web.tar.gz #删除上次打包生成的压缩文件
tar -zcvf robotcenter_web.tar.gz *  #将生成的项目打包方便传输远程服务器

cd ../

(5)构建后操作:

jenkins部署vue项目_第10张图片

cd /home/jenkins/jenkins/workspace/robotcenter_web/dist #进入到jenkins的打包目录
cp robotcenter_web.tar.gz  /home/rp/test_vue #将文件拷贝到服务器中的目标文件夹
cd /home/rp/test_vue #进入到目标文件夹
tar -zxvf robotcenter_web.tar.gz #解压项目包
rm -rf robotcenter_web.tar.gz #删除压缩文件

你可能感兴趣的:(jenkens,vue)