2.项目生成
通过下面的命令，初始化一个vue项目
bash
[root@Devops6 ~]#cd /data/devops6[root@Devops6 devops6]#npm install -g vue-cli[root@Devops6 devops6]#vue-init webpack vuedemo
生成项目后，我们看下生成的文件：
bash
[root@Devops6 devops6]#cd vuedemo/[root@Devops6 vuedemo]#lsbuildconfigindex.htmlnode_modulespackage.jsonpackage-lock.jsonREADME.mdsrcstatic[root@Devops6 vuedemo]#rm -rf node_modules/ #删除下这个目录- 手动编译下
bash
npminstallnpmrunbuild
3.创建gitlab仓库并上传代码
- 创建一个
devops6-npm-service项目
注意：这里取消勾选初始化仓库配置项。
- 在本地git端将项目代码上传到刚才创建的项目里：
bash
[root@Devops6 vuedemo]#pwd/data/devops6/vuedemo[root@Devops6 vuedemo]#lsbuildconfigindex.htmlpackage.jsonpackage-lock.jsonREADME.mdsrcstaticgitinitgitcheckout-bmaingitremoteaddoriginhttp:gitadd.gitcommit-m"Initial commit"gitpush-uoriginmain
4.创建Jenkins作业
- Jenkins上以
devops6-gradle-service来拷贝创建devops6-npm-servicepipeline类型作业，点击保存。
然后这里改变一些参数值：
其它都是一样的，点击保存。
5.编写Jenkins Pipeline
- 注意：因为Maven和Gradle只是构建工具不一样，而后面的Jenkins代码则是完全一致的，因此这里直接测试。
- 运行
此时报错了。。。
奇怪，自己在机器上测试都没问题，但是用jenkins来跑任务就出现了问题。。。
经过百度发现：
可以看到，流水线构建成功。
