请提前安装好Node.js，配置好cnpm

新建一个编译任务hello-vue，在源码管理模块下添加代码仓库地址：https://gitee.com/xxx/hello-vue.git 建立jenkins工程：hello-vue，下载代码。 构建的时候，远程登录主机，执行脚本

在上一步新建的任务的构建模块下的下配置：

• SSH Site: [email protected]
• Command:

  #!/bin/bash
  echo "Execute shell Start"
  bash /home/bryan/hello-vue/build-master.sh # 编译脚本
  rm -rf /home/bryan/hello-vue/dist/*
  cp -r /var/lib/jenkins/workspace/hello-vue/dist/* /home/bryan/hello-vue/dist/
  echo "Execute shell Finish"

build-master.sh编译脚本内容如下：

$ cat /home/bryan/hello-vue/build-master.sh
#! /bin/bash
cd /var/lib/jenkins/workspace/hello-vue
cnpm install
npm run build

$cd /home/bryan/hello-vue
$mkdir logs
$touch ./start.sh
$echo "nohup /usr/local/bin/serve -s -l 5001 /home/bryan/hello-vue/dist > /home/bryan/hello-vue/logs/web.log &" > ./start.sh

执行start.sh脚本就可以了。 /usr/local/bin/serve命令请按照vue官方来安装。

编译失败常常会碰到权限问题，使用root账号登录，修改权限：

cd /var/lib/jenkins/workspace/hello-vue
chown -R jenkins:jenkins dist/ # 可以手动创建此目录
chown -R jenkins:jenkins ./*
chown -R jenkins:jenkins .