VUE環境總共分爲2步，搭建項目隨意：
1、(必須)安裝node環境
- 百度雲下載安裝：因爲有時node官網下載網絡不穩定,另外node版本v12往上win7可能安裝不了，條件允許最好在官網下載
百度盤：https://pan.baidu.com/s/1XL8LRVoj_VTGCa7NotfwBQ
提取碼：9avm
- 安裝包無腦下一步確認就行了
- 安裝完檢查版本(cmd)
2、(必須)安裝全局vue-cli
- 網絡好的
npm install -g vue-cli
- 網絡不好的，等了幾分鐘都沒動過感覺，可以ctrl+c--y停掉先(並不影響大局)，安裝cnpm先
npm install cnpm -g --registry=https://registry.npm.taobao.org
- 接下來同上的，只不過npm替換成cnpm
cnpm install -g vue-cli
- 成功標誌，至此vue環境安裝完畢
3、(隨便)創建webpack
- 創建一個文件夾，比如我的是，D:\vue-project
- cmd進入創建的文件夾
- 創建webpack項目【vue-cli】
vue init webpack demo
- Project name (baoge)： -----項目名稱，直接回車，按照括號中默認名字（注意這裏的名字不能有大寫字母，如果有會報錯Sorry, name can no longer contain capital letters）
- Project description (A Vue.js project)： ----項目描述，也可直接點擊回車，使用默認名字
- Author ()： ----作者，輸入你的大名
- 接下來會讓用戶選擇：其實直接回車就行了
- Runtime + Compiler: recommended for most users 運行加編譯，既然已經說了推薦，就選它了
- Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 僅運行時，已經有推薦了就選擇第一個了
- Install vue-router? (Y/n) 是否安裝vue-router，這是官方的路由，大多數情況下都使用，這裏就輸入“y”後回車即可。
- Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代碼，ESLint是個代碼風格管理工具，是用來統一代碼風格的，一般項目中都會使用。但我還是選n，之後一路n
- Setup unit tests with Karma + Mocha? (Y/n) 是否安裝單元測試，我選擇n回車
- Setup e2e tests with Nightwatch(Y/n)? 是否安裝e2e測試 ，我選擇n回車
- 最後最終選npm，不知道yarn是什麼的就不要選yarn
- 完了之後發現多一個文件夾，比如我的是demo,下面是結構
- cmd進入demo文件夾，安裝npm（必須）（有時會有一堆警告不管它，除非出現紅色err）
npm install
- 最後測試運行，如果一下命令出現紅色err，再執行一遍，直到運行出現網址，停止就ctrl+c--y,
npm run dev
4、(隨便)創建vue-admin項目模板【element-ui前端框架】
- 下載，下面連接如果打不開，就去vue官網下載模板很簡單，自行百度vue-admin
https://github.com/PanJiaChen/vue-admin-template
- 下載完解壓，cmd進入項目裏面，接下來就和第三步差不多了，運行（有時會有一堆警告不管它，除非出現紅色err）
npm install
- 最後啓動項目
npm run dev
- 基礎模版界面，感受一波吧
