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