最近工作上没有太多事情，自己就研究了一下 Vue ,以前自己在项目中都是用 Angular,但听盆友说 Vue的效率更高就想着尝试做一个小demo。
首先配置Vue 运行环境 Vue +webpack 构建项目
1. 安装node
2. 全局安装 vue-cli
npm inatall -g vue-cli
vue : 查看是否安装成功
vue list : 查看可用的模板
3. 创建一个基于 “webpack”模板的新项目
vue init webpack project-name(默认安装 2.0 版本)
vue init webpack#1.0 project-name (安装 1.0 版本)
此时 cd 进入到刚刚创建的项目名
-build中配置了webpack的基本配置、开发环境配置、生产环境配置等
-config中配置了路径端口值等
-node_modules为依赖的模块
-src放置组件和入口文件
-static放置静态资源文件
-index.html文件入口
webpack中的一些解释
new HtmlWebpackPlugin这个插件的作用是把output输出的文件自动插入到html里
1.cd project-name
2.Npm install
3.Npm run dev
4.在浏览器输入localhost:8080就可以打开vue小项目了
（注意） 在运行中因为 npm 的版本小于 （3.0.0） 会导致不能正常运行这里升级npm版本
然后在运行就可以了
