2018-10-12 vue 脚手架的下载（vue-cli）搭建项目结构

1.安装webpack

首先安装淘宝镜像
然后安装webpack

2.vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。

口令 1. cnpm install webpack -g

2. cnpm install vue-cli -g
3. vue init 模板名称 项目名称
   例如： vue init webpack webpack-demo
   cd webpack-demo 进入文件夹
   npm run dev 开启一个服务器

4.cnpm install 安装node_modules文件夹
若文件中没有包含node-modules文件需要重新安装，该文件可自行添加删除

5、Install vue-router? 选择Y
6、User ESLint to lint your code? 代码规范性是否应用 选n
7、Setup unit tests with Karma + Mocha? 问的是否要测试 选n
8、Setup e2e tests with Nightwatch? 选n

9.
main.js的介绍
el是挂载点，router是路由
App.vue 是整个文件的入口，有三部分，template模板 script 逻辑 style样式