jenkins vue git

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