vs code cli 腳手架的安裝

cli的兩個版本是不相容的，安裝了cli2就不能安裝cli3，裝了cli3就不能cli2，如果想要兩個都安裝的話，就得安裝乙個工具，下面會講到,cli2和cli3的安裝命令是不一樣的

使用yard安裝可能會比較卡，還有可能會裝不上，那是因為同學你的電腦可能對yard的相容不太好，所以請使用cnpm或者其他的

cli3安裝命令(先安裝cli3,那個命令都可以)

cnpm i @vue/cli -g//二選一

yarn add @vue/cli -g

cli2安裝命令

cnpm i vue-cli -g

yarn add vue-cli -g

安裝好cli3之後，我們把檔案在終端開啟,切記只能在終端開啟，不要再gitbash或者cmd中開啟，因為後續會有需要上下按鍵來選擇的。

把檔案在終端開啟，輸入 vue create 檔名稱（如果手動建立好了資料夾就寫乙個 . 點就好了）

然會過了一段時間會有乙個選項，可以按上下鍵來選擇，選擇default就是預設的，只有兩個配置項

選另乙個就是手動配置，手動配置後面又有一大堆東西讓你選擇，按空格是選擇，enter是下一步，把學過的，或者需要的選上然後繼續就可以，sass選擇node sass，安裝完之後cd進入建立好的資料夾，輸入 npm run serve,就可以會出來兩個鏈結，按住ctrl點鏈結，就會進入網頁，就好了

如果cli3安裝起來特別卡，特別慢，怎麼也裝不上，那就不要裝cli3了，就裝cli2要先安裝好cli2

安裝cli2之後，把檔案在終端開啟

輸入命令 vue init webpack 建立的檔名稱（手動建立好檔案的就寫個 . 點就可以）

過了一會他會卡住，然後按enter鍵確定，一直按enter，直到他讓你選擇配置項，需要就寫 y 不需要就 n ，然後一路安裝就可以，安裝好之後cd進入到檔案，輸入 npm run dev，好了之後會又個鏈結，按住ctrl點鏈結就可以進入網頁了