使用webpack构建vue项目并打包

1.首先安装node.js
(因为需要npm)

2.安装webpack

npm install -g webpack

3.安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

4.npm安装vue.js

npm install vue -g

5.安装vue-cli（vue的脚手架）

cnpm install -g vue-cli

6.构建vue项目

vue init webpack vue-mui

//选择手动下载，就是npm install，如果不是手动，那么他自己默认用npm下载
//（vue-mui就是文件名称）
//vue init webpack-simple vueprofile（还是尽量使用上面的）
//(先建立简单工程，然后再进入下一个步骤)

//cd进入项目，安装依赖，运行
//npm install

最后会在你说在的盘符下
生成对应的vue项目
【C:\Users\16436>vue init webpack vuedemo就是表示在C:\Users\16436>路径下面生成一个vuedemo文件，如果cd到其他盘也是可以建一个项目的
】

7.然后用cd命令进入到该目录下，运行：

npm run dev 

或则运行

cnpm run dev

==========================================
如果是直接使用别人的项目，
cd到项目的目录，然后为了防止缺少库
直接npm install（添加缺少的依赖库）
然后再运行
npm run dev
==========================================
最后如果需要打包并放到服务器上则：

先修改下项目下的config->index.js（保证生成后路径的正确）
 build->utils.js
参考：https://blog.csdn.net/lhb_11/article/details/79455015

然后cd 到该vue项目下
再用npm run build

然后dist（后来生成的）目录下会有index.html和static，这就是打包后生成的文件了，可以看到html里面有引入的js文件

直接把dist文件夹扔到tomcat的webapp下就可以运行了