1.准备前的工作:安装Jenkins、Jenkins配置jdk。可自行百度。
2.安装nodejs插件,我的已经安装了,所以在“已安装”页签截的图,如果未安装,切换到“可选插件”页签,右上角搜索node,安装下图红色框的插件,记得“安装完成后,勾选重启Jenkins”。
3.Jenkins所部署的服务器上安装node,及配置环境变量
1.可自行百度搜索,下载node安装包,上传到目录中,这个目录可以自己根据自己的实际情况来。我的opt/目录下。 执行以下命令: cd opt/ wget https://nodejs.org/dist/v14.16.0/node-v14.16.0-linux-x64.tar.xz 2.解压 tar -xf node-v14.16.0-linux-x64.tar.xz 3.配置环境变量 vim /etc/profile 在path里面配置node安装目录: export NODE_HOME=/opt/node-v14.16.0-linux-x64 export PATH=$PATH:$NODE_HOME/bin 4.退出后,执行命令,使其环境变量生效。 source /etc/profile
4.Jenkins配置nodejs
5.然后新创建任务,按照下两图,来操作。
6.配置
写入这两条命令: npm install npm run build:prod
点击,应用,保存,然后执行该条任务。
会在默认路径下生成一个dist文件夹,把这个文件夹移到自己所需要的目录下,就可以直接访问了。
我的Jenkins默认路径为:/root/.jenkins/workspace/项目名/
注意1:如果最后构建中报错,说没有权限,执行以下两个命令:
npm config set user 0 npm config set unsafe-perm true
注意2:如果报错:sh xxx/vue-cli-service:无权限,执行以下命令即可,cd目录根据自己的实际情况进入。我这个错是,在线无法下载依赖,然后本地下载好依赖,上传到Git上,每次就不需要执行:“nmp install”了,直接从Git上拉取代码,执行打包的过程中出现的该错。
cd /root/.jenkins/workspace/项目名/node_modules/.bin/ chmod +x vue-cli-service



