Vue Cli起手式

安裝Vue Cli

1. 安裝Node.js
2. 使用終端機安裝Vue Cli
   • npm install -g @vue/cli
3. 檢查是否安裝成功
   • vue -v

建立專案

1. 使用終端機透過CD進入指定目錄

2. 輸入vue create my-project建立專案

3. Vue Cli會詢問要建立哪種專案有三種Vue2、Vue3、自訂
   

   

4. 手動設定的話可以選擇要那些項目(使用空白鍵選擇、上下鍵來移動)
   

   
   
   

5. 如果步驟4有選Babel的話會問套件設定要放在哪

   • 一般放在Package.json
     
     

6. 暫時繞過 ESLint 錯誤檢查

   • 修改package.json檔案
   • 找到"eslintConfig":{}
   • 修正rules:{}
   • 添加
     
     
     
     
     
     ​​​​​​​​"eslintConfig": {
     ​​​​​​​​    "rules": {
     ​​​​​​​​      "vue/multi-word-component-names": "off",
     ​​​​​​​​      "vue/no-unused-components": "off"
     ​​​​​​​​    }
     ​​​​​​​​},
     

7. 重啟伺服器
   npm run serve