工作上的小问题

最近工作上没有太多事情，自己就研究了一下 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版本

然后在运行就可以了