解決 VSCode 編輯 vue 項目報錯 Expected indentation of 2 spaces but found 4
解決 VSCode 編輯 vue 項目報錯 Expected indentation of 2 spaces but found 4
系統：Win10
編輯器：VSCode
問題
使用 VSCode 在寫 Vue 項目的時候，出現報錯
Expected indentation of 2 spaces but found 4
問題分析
明顯從圖中可以以看出問題是使用 ESLint 插件導致的
作爲一個代碼規範插件，ESLint 限定縮進是 2 個空格，而我們一般使用 Tab 鍵的縮進是 4 個空格
解決辦法一
關閉 ESLint 這個檢查規則
打開 .eslintrc.js 配置文件，加入一行配置 “indent”:[“off”,2]
然後我們就可以看到原來的報錯沒有了
當然，既然我們使用代碼規範插件，一般來說我們應當適應這種規範的寫法，所以我們也可以將我們的 Tab 的縮進改爲 2
解決辦法二
我們打開 VSCode 的設置頁面，在搜索框中輸入 Tab Size，將用戶區和工作區的 Tab Size 均設置爲 2
然後我們進入報錯頁面，點擊下方的 空格4，然後選擇更改視圖
在這裏選擇 2 即可
最後再用 Shitf+Tab 向左恢復縮進至正常即可
