1、安装脚手架：【全局安装】
npm i -g vue-cli 或 npm install -g vue-cli 或 npm i vue-cli -g [【注：这几种时2.x版本的安装】]
安装完以后可以查看脚手架的版本：执行 vue -V 就可以查看了【注：这不是vue的版本号，而是脚手架的版本号】
【装完脚手架以后，vue就可以当作命令来使用了，如下面2里面的命令】
2、初始化项目：
vue init webpack 项目名 例如： vue init webpack vue-demo01 【注：项目名不能用驼峰命名法，可以用横线连接】
3、初始化好项目以后进去查看
4、介绍目录
（1）build 是webpack的配置文件
（2）config 是vue项目里需要的配置
（3）node_modules就是装一些 依赖包
（4）src 放的都是 源文件（重点）
（5）static放的都是 静态文件的
里面的 .gitkeep 保持一个空文件夹保证能上传到GitHub或码云等代码托管网站
（6）.babelrc 表示兼容的版本号的
（7）.editorconfig 编辑器配置，不管是使用什么编辑器，都要统一代码风格，
配合vscode插件使用生效：
1、editorconfig for vs code插件
2、找到editorconfig进行标准配置
（8）.eslintignore 不检测的文件放到这里面--eslintint忽略的文件
因为eslint会自动检测每个文件的代码是否符合规范，那么这个eslintigore就是不需要检测的。可以避开的。就放到这里面。
（9）.gitignore 就是git上传需要忽略的文件，写在这里面。
（10）.postcssrc.js 处理css的配置文件
（11）index.html 是入口页面
（12）package.json 和package-lock.json 都是npm的包配置文件
5、【重点】src
（1）assets 存放静态资源的（最后要打包的；而static是已经打包过后的，需要的时候直接用的；这是二者的区别）；
（2）components是存放组件的
（3）router 路由
挂载
【路由的目的 就是管理多页面的】
（4）main.js 主要是 实例vue，，并挂载 router，同时指定边界，注册app;注：当main.js中的vue实例既有el又有template的时候，用template的；
template就是未来的根组件，都放这里的了；el 是用来指定边界的；
（5）App.vue 叫 根组件
（6）代码执行起来的总逻辑图
