jenkins 搭建 uniapp h5部署服务

项目中需要适用jenkins 搭建 uniapp h5部署服务，初次接触，踩了很多坑，记录下

主要分为两步骤：

1.创建uniapp打包环境

由于创建打包环境的步骤有手动确定项目，所以不能通过jenkins自动创建，需要先到目录中手动配置环境

2.搭建jenkins自动化部署步骤任务

把jenkins工作目录配置为刚才的环境目录 src下，并进行后续的打包步骤

参考文档：

https://www.jianshu.com/p/9345321c9980

一、创建uniapp打包环境

1.安装vue/cli

#进入项目目录
cd /var/jenkins_home/workspace/uniapp-compile
#安装vue/cli
npm install -g @vue/cli --registry=http://registry.npmmirror.com

从警告信息可以看出 -g命令被废弃了，改成这样更好

npm install --location=global @vue/cli  --registry=http://registry.npmmirror.com

 2.创建uniapp打包容器（uni-cli）

# 选择默认模板
vue create -p dcloudio/uni-preset-vue uniapp-compile

结果报错了

 我是通过docker运行的 jenkins环境，这里安装完找不到vue了

就在我一筹莫展的时候，找到了这个 https://blog.csdn.net/transtanv/article/details/133673925

问题：执行npm install --global vue-cli 后使用vue出现 -bash: vue: command not found

原因： 需要手动设置npm 全局路径及node_modules的路径

步骤：

1.查看npm全局路径：npm root -g

2.得出/usr/local/node/lib/node_modules

3.根据全局路径设置$PATH

vue路径找到了

 后面配置环境变量步骤懒得做了，所以直接写死路径，也是可行的

然后执行命令创建uniapp打包容器（uni-cli）

/data/nodejs/nodejs/lib/node_modules/@vue/cli/bin/vue.js create -p dcloudio/uni-preset-vue  uniapp-compile --registry=http://registry.npmmirror.com

这里会跳出uni安装界面，按提示选择默认模板安装即可

有时候会因为网络问题无法安装，可以先下载uni安装包，再指定本地路径安装的方式

参考文档：https://blog.csdn.net/lxb1113220682/article/details/128390601

解决方式

创建cli工程，会远程下载 dcloudio/uni-preset-vue，拉取失败时，可以通过手动下载来创建项目。

模板地址：GitHub - dcloudio/uni-preset-vue: uni-app preset for vue

下载后文件放入的文件夹

 

下载后使用如下命令创建项目，其中test就是我的项目名称。命令为vue create -p GitHub上下载项目的路径 项目名称

 执行命令类似于

/data/nodejs/nodejs/lib/node_modules/@vue/cli/bin/vue.js create -p ./uni-preset-vue-master  uniapp-compile