环境需要
| 名称 | 版本 | 说明 |
|---|---|---|
| node | node-v8.9.3-x64.msi | npm环境 |
| git客户端 | Git-2.16.1-64-bit.exe | 用于拉取代码 |
| JDK | 1.8 | 将dist目录打成war包 |
如果你没有，我给你弄好了！ 点我去下载
前期工作
确保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