使用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命令的玩法很多,其它的很多深入的玩法我还没了解,等以后有时间了我学会比较秀一点的玩法了再回来更新文章

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