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 路由
里面的index.js是寫路由出口的文件，里面引入了一些東西，並標有出口，最后要引入到main.js里面，目的是要 掛載 的。
【路由的目的 就是管理多頁面的】
（4）main.js 主要是 實例vue，，並掛載 router，同時指定邊界，注冊app;注：當main.js中的vue實例既有el又有template的時候，用template的；
template就是未來的根組件，都放這里的了；el 是用來指定邊界的；
（5）App.vue 叫 根組件
（6）代碼執行起來的總邏輯圖
