关于vue-cli创建项目（小白）

vue-cli，都说是vue脚手架，一般cli是命令行的意思，一看就知道与node有关，其实脚手架是建筑工用的工具，给工人踩在上面干活的，这里借用它的意思，我觉得应该叫vue平台工具大家更容易懂，毕竟脚手架一般人真不知道是啥玩意。也就是说这是用node和webpack来创建vue项目。需要你有node环境和webpack环境，如果没有，请自行安装。node巨简单，webpack坑挺多特别是新版本，如果不怕可以使新的，否则加上@老版本号很容易搞定。有了他们，就可以安装vue-cli了。

安装vue-cli巨简单，官网写的很清楚。只是安装后里面的各种文件有点多。如果不学weback，不容易理解，至少知道webpack基本配置。

三步走,：1，cnpm install vue-cli -g 全局安装脚手架

2，vue init webpack 文件名  其实除了webpack还有其他形式，然后他会让你对文件进行初始化，按照需要走就可以。安装依赖时候可以ctr c 退出，用cnpm，进入文件夹安装，因为更省时间。

3，npm run dev 让它在开发环境中跑起来！就可以在浏览器中复制黏贴地址看到它庐山真面目了。

关于文件，如果仅仅使用，至少了解

build 和webpack有关的文件。

config 静态配置文件，可以改端口，更改useEslint为false（否则你稍微不按照它的规范来写就可能出error和problem不让你在浏览器上跑，当然你也可以将报错类型添加到eslintrc.js文件里作为属性，值为0或1，但是这样太麻烦）。

node_modules node依赖的模块，不要随便改

src  里是写代码的区域，里面有方静态资源的assets（资产），

index.htm 是入口文件，能自动注入。

packge.json，项目目录。

index.html <--- main.js  <---- App.vue,

弄懂这三个文件的关系，就可以开干。