vue
前言：最近公司想重構一個項目，CTO選擇了vue3.0 + ant-design-vue技術棧，正好自己也想嘗試一下，試着搭建一下，以后有更好的會及時補充修改
注：粗體是命令指令，推薦使用cnpm指令，沒有安裝淘寶鏡像的使用npm（淘寶鏡像安裝指令：npm install -g cnpm --registry=https://registry.npm.taobao.org）
一、安裝node.js，vue-cli升級到4.0版本（安裝vue3.0版本之前需要先把vue-cli升級到4.0版本，如果之前安裝過vue-cli需要卸載之后重新安裝，如果沒有安裝過不需要卸載可以直接安裝，具體指令看第2項）
1.先要安裝node.js
運行：node -v
如果提示，說明已安裝node，如果沒有請參照
官網：https://nodejs.org/zh-cn/download/
2、nodejs安裝后：
a.如果之前安裝過vue-cli，你需要把2.0相關的刪除
cnpm uni -g vue-cli
b.如果沒有安裝過vue-cli的話，直接在全局的命令窗口，輸入
cnpm i -g @vue/cli
c.檢查版本號
vue -V
執行上面的指令，那么vue-cli的4.0版本就安裝好了。
二、vue的3.0版本的初始化
1、新建一個文件夾,然后右鍵選擇打開命令行窗口
2、在命令窗口輸入指令
vue create 項目名稱
3、選擇初始化項目的配置
第一步：Default是自動安裝，在這里我選擇最后一個手動安裝，按下回車鍵進行選擇
第二步：Vue-cli3.x 將提供以下特性供選擇，可以根據項目需要進行選擇添加的配置項，使用空格鍵來選中，熟練使用TS的可以選擇TypeScript
*Babel：使用babel，便於將我們源代碼進行轉碼（把es6=>es5）
*TypeScript：使用TypeScript進行源碼編寫，使用ts可以編寫強類型js，對我們的開發有很大的好處
*Progressive Web App(PWA)：使用漸進式網頁應用（PWA）
*Router：使用vue-router
*Vuex：使用vuex狀態管理器
*CSS Pre-processors：使用CSS預處理器，比如：less，sass等
*Linter/Formatter：使用代碼風格檢查和格式化
*Unit Testing：使用單元測試
*E2E Testing：使用E2E測試, end to end（端到端）是黑盒測試的一種
第三步：選擇版本，我這里選擇3.x
第四步：Use history mode for router?
路由模式, 是否選擇history模式，啟用history模式，項目build之后，可能會出現打開頁面空白的情況哦。我這里選擇n
第五步：Pick a CSS pre-processor?
選擇一種css 預處理器，我這里選擇第二個
第六步：Pick a linter / formatter config?
選擇一種代碼格式化檢測工具，這里我選擇第一個
*TSLint: ts格式檢驗工具
*ESLint with error prevention only: ESLint 只會進行錯誤提醒
*ESLint + Airbnb config: ESLint Airbnb標准
*ESLint + Standard config: ESLint Standard 標准
*ESLint + Prettier: ESLint（代碼質量檢測）+ Prettier（代碼格式化工具）
第七步Pick additional lint features?
代碼檢查方式: 保存時檢查 or 提交時檢查; 我選擇, 保存時檢查，我選擇第一個
第八步：Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?
Babel, PostCSS, ESLin等配置文件怎么存放, 是放到單獨的配置文件中?還是package.json里? 這里方便配置清晰好看, 我選擇每個配置單獨文件。
第九步：Save this as a preset for future projects?
是否需要保存當前配置，在以后的項目中可快速構建? 保存后, 后續創建項目時可以直接選擇該配置, 不需單獨配置，我選擇no
然后點擊回車，會自動初始化項目
看到這個就說明項目已經初始化成功，然后cd vue-test進入文件夾，運行npm run serve指令項目就啟動了
vue3.0項目搭建到此已經完成，如果想學習vue3.0的環境配置，接口封裝，以及使用vue3.0 + ant-design-vue進行后台管理系統的開發，請后續關注