1.Vue-CLI是官方提供的脚手架工具，默认已经为我们搭建好了一套利用webpack管理vue的项目结构
2.安装vue-cli
安装脚手架工具：npm install -g @vue/cli
卸载旧脚手架工具：npm uninstall vue-cli -g
检查是否安装成功：vue --version
通过脚手架创建项目：vue create project-name
（1）
（2）空格选择
（3）vue 版本
（4）
（5）选择css
（6）
（7）
（8）
跳转到项目下：cd project-name
运行服务：npm run serve
打包项目：npm run build
<!-- dist目录就是打包好的项目 -->
3.Vue-cli生成的项目结构解读
vue-cli2.x版本中生成的项目会有build和config文件夹，存储了webpack相关的配置，我们可以针对项目需求修改webpack配置
vue-cli3.x以后的版本中生成的项目就没有有build和config文件夹了，化繁为简。
4.项目结构解读：
node-modules文件夹：存储了依赖的相关包
public文件夹：任何配置在public文件夹的静态资源都会被简单复制。
而不经过webpack，你需要通过绝对路径来应用他们。一般用来存储一些
永远也不会变更的静态资源或者webpack不支持的第三方库
src文件夹：代码文件夹
|----assets文件夹：存储项目中自己的一些静态文件（图片/字体）
|----components文件夹：存储项目中的自定义组件（小组件、公共组件）
|----views文件夹：存储项目中的自定义组件（大组件、页面级组件、路由级别组件）
|----router文件夹：存储VueRouter相关文件
|----store文件夹：存储Vuex相关文件
|----App.vue：根组件
|----main.js：入口文件
