jenkins 链接gitee进行构建vue 项目

1.Jenkins内部下载nodejs的插件

由于我这里，已经下载对应的插件，全部在已安装进行查看，未安装可在未安装进行搜索，下载

安装成功，咱们如今去进行配置，node 的环境依赖

 

 

这里为何设置安装在opt路径，不知道的朋友，能够参考我以前docker 启动微服务镜像第一篇

好了，这里基础环境就设置好了，咱们如今去建立任务

这里，咱们建立了一个自由风格项目，哈哈，毕竟，没有比自由更自由的事情了。哈哈。都是瞎讲，你们别在乎，继续

这里选择以前的git私钥链接。只要能够拉取代码就行。不会的朋友，继续去，参考以前第一篇，看如何和gite码云，创建私钥链接

 

这里，填写对应的帐号，还有你须要拉取代码的git地址

这里添加之后，是建立一个帐户登录的链接，不是私钥，参考第一章

 

这里，须要作的是，选择我们以前的node环境，注意，别忘记了，不然仍是不识别命令

 

项目记得，在构建项目的时候，先更新下你的npm

npm install -g npm

顺便在把镜像源也换了

npm config set registry https://registry.npm.taobao.org

 

好了，这是构建的shell命令，这里，就能够看到。

node -v 查看环境是否正常

npm -v

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

 

这里为何使用这个，我在使用windows的npm install 一直失败，后面成功之后，build有出息各类问题，后面网上找的回答，使用这个。能够正常构建

 

npm install

npm run build

cp -r /var/jenkins_home/workspace/wlpt-pig-ui/dist/. /opt/view/wlpt-pig-ui/html/ cp 里面有个. 注意哦

这里还须要知道，cp的时候，须要给opt里面的html给与其余用户组权限。不然jenkins没法写入

cd /opt/view/wlpt-pig-ui/

chmod 777 ./html

这里，为何要cp 呢？由于我这里，直接启动了一个docker 的nginx 放在了默认的html 下面，毕竟方便

代码为啥是var/jenkins_home 由于我在上篇的时候说了，我使用的docker 的Jenkins ，home作了映射，这里，Jenkins认识的是容器内部路劲。

好了，在给大家看下，docker nginx 的路径

docker run --name nginx3 -p 83:80 -v /opt/view/wlpt-pig-ui/html/:/usr/share/nginx/html -d nginx