使用jenkins部署vue前端項目

jenkins安裝過程略!

linux安裝git過程略(本君是centos7)!

linux安裝node過程略(本君是v8)!

 

1:預先配置好git,如下圖,點擊manager jenkins;

 

2:點擊“global tool configuration”,如下圖;

3:配置git,name隨意,path to git executable可以用命令 whereis git查詢,默認都是圖中路徑; 

 

4:配置node,本君linux安裝的就是8.11.2,所以version選擇的就是此版本(友情提示,這裏的version儘量跟你linux安裝的node版本相同,如果因爲不同而產生了任何問題,本君一概不負責,本君擁有最終解釋權) 

 

5:配置完了,正式進行新建環節,進入jenkins控制檯,點擊“新建item”;

6:如下圖,填入任務名稱,你愛咋取咋取,然後點擊freestyle project,點擊確定;

7:描述這裏我掏心,你隨意; 

8:源碼管理,選擇git,這裏的git配置就比較重要了。Repository URL這裏表示你git地址,Credentials是git賬號密碼,點擊“添加”,選中“jenkins”; 9:彈框默認的數據不用修改,你只用填入用戶名跟密碼(你git賬號的用戶名跟密碼,例如你gitlab的賬號密碼),點擊添加;

 

10:構建環境,勾選Provide Node & npm bin/ folder to PATH(jenkins這裏默認不勾選),因爲之前已經配置了node,所以這裏勾選以後表單會展示相關信息(如果你這裏爲空,說明你沒有配置node或者你配置錯了);

11:構建裏面,選擇shell腳本命令,選中黑色框; 

12:輸入跟我一樣的命令即可:

 13:最後,點擊apply!!

 

 

到此,配置完成,以後每次在git提交文件後,點擊jenkins的構建按鈕,就可以正常構建,而不用每次手動打包,輕鬆不止一點點~~~

還有就是shell命令的玩法很多,其它的很多深入的玩法我還沒了解,等以後有時間了我學會比較秀一點的玩法了再回來更新文章

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章