Vue CIL 3 x 了解到安裝

2023年已經過了一大半了（想了想...omg，2018已經快結束了）... 在此之前我一直在用vue2.0+的版本來搭建腳手架，其實在年初的時候就知道vue的大佬--尤大大，準備發布vue3.0的版本了，只不過因為忙（主要還是因為懶），所以一直使用2.0+來進行vue的開發。

vue-cli 3 的相關介紹可以上個網去看看

vue-cil 3 的安裝

開啟cmd 輸入 node -v 檢查自己電腦全域性安裝的node的版本看一下是否低於8.9的了，如果是則說明已經out了，需要更新一下npm了 npm install -g npm。因為安裝vue-cil 3需要node.js是8.9或以上的版本

vue cil 的包名稱由vue-cil 改成了 @vue/cli。如果你已經全域性安裝了舊版本的vue-cli（1.x或2.x），你需要先通過 npm uninstall vue-cli -g 或 yarn global remove vue-cli 解除安裝它。

萬事俱備只欠東風。全域性安裝新的包。選擇下面的任一命令安裝 npm install -g @vue/cli &&& yarn global add @vue/cli

安裝完後可以通過命令列： vue –version 或 vue – v 來檢查其版本是否正確（3.x）如下圖：

使用vue-cli 3.0搭建vue腳手架（vue-cli）

由於是新的版本，所以有新的建立方式，其建立的命令與之前的也有所不一樣版本

第一次建立時，會詢問你是否使用**映象來安裝建議選擇yes，快一點（其實也也就快一點左右。。。）

問你是否使用預設的preset 還是使用者自定義配置功能（ps：注意這裡已經不是問你選擇模板，也是presets(預設)）

如果在這個選擇預設預設配置（preset）話就一直enter下去就行了

如果你選擇使用者自定義配置功能，則會是乙個多選的介面，可以使用（注：空格鍵選中或者取消選擇，a鍵選中所有，i鍵反選）

在你選擇完你想要的配置功能後，就會根據你選擇的配置功能來詢問你功能細節的配置

配置完後就按enter就可以，等載入。。。

router是否使用history模式，history需要伺服器支援，詳情.....　

選擇css預處理

選擇**格式化檢測。因為我用的ide是vscode個人覺得搭配外掛程式用的蠻舒服的所以選擇eslint+prettier

選擇語法檢查方式

選擇單元測試

選擇把babel,postcss,eslint等配置檔案放**，這裡隨便選擇，我選擇放在獨立的資料夾中

是否儲存為未來專案的預配配置，我選擇了是

儲存的命名

然後根據提示進行npm run serve 就可以啟動專案了（注：這跟之前的2.x的版本不一樣，不需要我們先安裝依賴 npm install，因為vue-cli3.x幫我載入了如圖：）

注：如有什麼不對的地方，望指出！！