文章目录
  1. 1. jenkins如何集成nodejs前端项目做自动化
    1. 1.1. 准备工作
    2. 1.2. 创建nodejs打包job

jenkins如何集成nodejs前端项目做自动化

本厂前端框架使用的是Vue CLI。

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统

具体看介绍:

[https://cli.vuejs.org/zh/guide/][1]

目标是将前端项目的代码拉取—->打包——>部署操作自动化。

准备工作

1, jenkins 需要安装nodejs插件

系统管理—>插件管理:

在可选插件里,查找nodejs

![paste image][image-1]

安装,重启。

2.配置nodejs版本

系统管理->全局工具配置->NodeJs下面,如下,

![paste image][image-2]

创建nodejs打包job

![paste image][image-3]

源码管理和git配置就不说了,最重要的就是这里:

![paste image][image-4]

那个nodejs Instatiation项的值就是下拉选择之前配置的nodejs版本。

然后脚本部分:

![paste image][image-5]

ok,大功告成。。。。。

点击构建结果是success:

![paste image][image-6]

[1]: https://cli.vuejs.org/zh/guide/ “cliVuejs官方中文翻译介绍”

[image-1]: http://clockcoder.com/images/15333736349580j9gd9j2.png?imageslim
[image-2]: http://clockcoder.com/images/1533373793491eh4p19zl.png?imageslim
[image-3]: http://clockcoder.com/images/1533373904528z1gcuftr.png?imageslim
[image-4]: http://clockcoder.com/images/153337415739320tuk0sq.png?imageslim
[image-5]: http://clockcoder.com/images/1533374483462qh8l70i8.png?imageslim
[image-6]: http://clockcoder.com/images/1533374827374o286sfu6.png?imageslim

文章目录
  1. 1. jenkins如何集成nodejs前端项目做自动化
    1. 1.1. 准备工作
    2. 1.2. 创建nodejs打包job