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