jenkins自动部署vue项目(扫坑实战)

参考文章
https://juejin.im/post/5ad1980e6fb9a028c42ea1be

部署过程遇到的2个问题:

  1. npm install 后的 /chromedriver这个包打不进去
  2. 自己安装nodejs路径配置后,一直说 我的nodejs安装目录下()/usr/local/bin )下没有可执行文件

环境

centos7

解决问题:

  1. 针对1:
    可以在npm install前,执行这个命令。下载阿里云的chromedriver

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver &&

  1. 针对2.采用插件方式,不自己安装了(以前实验过程中,自动安装其实也行来,后面不试出来,如果可以,后面文章继续补充)
    • 安装的是 Generic Webhook Trigge插件
    • 这里勾选下jenkins自动部署vue项目(扫坑实战)_第1张图片
    • 这里勾选然后根据自己的nodejs版本输入即可
      jenkins自动部署vue项目(扫坑实战)_第2张图片

OK,下面是详细教程:

1第一步下载插件

 ① NVM wrapper

在这里插入图片描述

② nodejs

在这里插入图片描述

③ 远程连接

jenkins自动部署vue项目(扫坑实战)_第3张图片

2. 新建项目jenkins自动部署vue项目(扫坑实战)_第4张图片

jenkins自动部署vue项目(扫坑实战)_第5张图片

jenkins自动部署vue项目(扫坑实战)_第6张图片

jenkins自动部署vue项目(扫坑实战)_第7张图片
jenkins自动部署vue项目(扫坑实战)_第8张图片

jenkins自动部署vue项目(扫坑实战)_第9张图片

jenkins自动部署vue项目(扫坑实战)_第10张图片

npm config set registry https://registry.npm.taobao.org/ &&
echo “1111===” &&
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver &&
echo “1112221===” &&
npm install &&
echo “2222===” &&
rm -rf laborwx &&
echo “333===” &&
npm run build

jenkins自动部署vue项目(扫坑实战)_第11张图片

jenkins自动部署vue项目(扫坑实战)_第12张图片

最好点击保存。


运行效果如下图:
jenkins自动部署vue项目(扫坑实战)_第13张图片


自此大功告成!!!

你可能感兴趣的:(linux,web前端开发,git,webpack,vue,jenkins)