这里以发布Vue项目为例子

1. 安装插件

需要重启Jenkins

2. 创建项目

这里选择自由风格


添加git
如果使用下面的凭证一直爆红色错误那就用:
https://用户名:密码@e.coding.net/xxx.git
注意: 如果用户名有@符号需要转换成%40

下面的分支也可以换成对应的分支即可

注意: WebHook 地址是你 http://jenkins地址/coding/项目名,
不是他提示的带ip的URL

coding配置如下:

设置运行脚本, 对应在Jenkins该项目的目录下面, 不要放其他路径

脚本需要放到对应的Jenkins工作目录下面

别忘了将这个脚本权限改成可执行
chmod 755 run.sh

#!/bin/bash

npm i --unsafe-perm

npm run build
# 如果有需要可以拷贝到其他服务器
# scp -r mp xxxx:/usr/local/nginx/html/

注意1: vue项目windows运行正常, linux运行失败
ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/view/home/index.vue Module not found: Error: Can't resolve '@/components/EpidemicPrevent/epidemicPreventLeft' in '/home/sourse/shell/forest-digitalForest/src/view/home'

或者如下错误：
ERROR in ./src/main.js Module not found: Error: Can't resolve 'Vue-highcharts' in '/home/JenkinsHome/workspace/forest-big/src' @ ./src/main.js 27:0-43

linux环境区分大小写
windows不区分大小写

注意2: 权限问题
ERR! stack Error: EACCES: permission denied, mkdir
需要如下命令:

npm i --unsafe-perm

3. Coding设置ServiceHook

参考博客: https://blog.csdn.net/WeiHao0240/article/details/115913099

都配置好后, 一提交就会自动构建发布前台项目

4.如果出现保存不了的情况

使用Coding Webhook Plugin过时问题.
使用插件后无法保存配置文件

请参考文档：https://juejin.cn/post/7050302249045590023