环境需要

名称	版本	说明
node	node-v8.9.3-x64.msi	npm环境
git客户端	Git-2.16.1-64-bit.exe	用于拉取代码
JDK	1.8	将dist目录打成war包

如果你没有，我给你弄好了！ 点我去下载

前期工作

确保JDK 配置好了！

• Jenkins CI 使用 之 配置 JDK

我的想法以及思路

    先把vue-cli 工程利用Jenkins的源码管理拉取下来，然后使用windows的bat批处理脚本执行安装依赖以及构建的命令，经过上面几布就得到了 dist这个目录！由于我们公司使用服务器用的Tomcat，但是Tomcat远程部署项目只支持war类型(或许有其他的，我不知道，才疏学浅)，所以我的想法就是把这个dist打成一个war包，就可以部署到Tomcat了！我们就使用这种方案！
    其实如果你的Jenkins和应用服务器是在一个服务器（主机）上，你也可以使用脚本命令将dist移动到应用服务器读取的目录！其实办法有很多！只要你肯去思考！

构建vue-cli 项目

我们新建一个项目

选择源码管理
我这里采用git方式获取源码

我开的测试仓库 https://github.com/liqiaolin520/jenkins_test_vue.git

输入命令
npm install & npm run build & cd dist & jar -cvf dist.war *

因为等下他拉取下的源码都会放到
C:\Users\Administrator.jenkins\workspace下，并且他会创建一个跟你这个任务一样名字的文件夹，你的bat批处理脚本任务也就是从这个新文件夹开始执行的！
例如你得项目叫 test-vue
拉取后放的位置 C:\Users\你得windows用户名.jenkins\workspace\test-vue
所以bat命令执行的位置就在 上面这个位置

所以执行npm install 和 npm run build 没问题
然后进入到dist 并且利用JDK 的 jar命令打包成war包方便发布到Tomcat中
注意的是命令必须要用 & 来连接起来，这代表前面的命令执行完立马执行后面的命令，如果你不这样，那么这些命令可能执行的不是你想象的那么友善！

做完上面的操作，在你 C:\Users\你得windows用户名.jenkins\workspace\test-vue\ 下 肯定有个 dist目录了！然后dist目录下肯定也有那个war包了！当然我是说这是构建后的情况，你现在还在配置，如果你现在保存并且立即 构建就能看到我说的了！

发布war包到Tomcat

war包也有了，现在就差把这个war包发到Tomcat中了！

根据我们的操作，所以我i们的war包的相对位置是 dist/dist.war

点击 —> Jenkins CI 使用 之 将war包 发布到Tomcat