创建vue-cli项目

使用vue-cli创建模板项目：
1说明：
1) vue-cli是vue官方提供的脚手架工具
2) github:https://github.com/vuejs/vue-cli
3) 作用： 从https://github.com/vuejs.templates下载模板项目
安装vue-cli:
第一步应该下载node.js这是安装vue-cli的基础工具。官网下载快捷安全可：https://nodejs.org/en/
第二步配置环境变量

执行npm install 时默认使用国外的镜像源，可以通过命令改为国内的镜像源：
npm config set registry http://registry.npm.taobao.org/

第三步安装全局vue-cli 命令操作 npm install -g vue-cli
2创建vue项目
vue init webpack vue_demo //下载模版
cd vue_demo
npm install
npm run dev //打包运行

3项目的打包与发布
npm run build 生成dist文件夹
发布1：使用静态服务器： 全局安装npm install -g serve serve dist
发布2:使用动态服务器tomcat 修改配置：webpack.prod.conf.js
output:{ publicPath:’xxx’//打包文件的名称 } 重新打包： npm run build 修改dist文件夹为项目名xxx 将xxx拷贝到运行的tomcat的webapps目录下
找到tomcat目录下的bin下的startup.bat启动tomcat 访问localhots:8080/xxx