1. 程式人生 > >WebStorm下將vue的程式碼縮排由2個空格改為4個空格

WebStorm下將vue的程式碼縮排由2個空格改為4個空格

已經找過解決方案但設定後無效的,可直接看文章的最後一句。

最近剛接觸vue,發現按tab縮排程式碼時縮排一直是2格而不是4格,檢查了一下WebStorm的配置:
File > Settings > Editor > Code Style > JavaScript的設定,發現Indent的鍵值為4:
這裡寫圖片描述
這樣配置是沒有錯的,於是找了下答案發現解決方案是修改專案根目錄下的.editorconfig配置檔案:
這裡寫圖片描述
將該indent_size的值修改為4儲存即可。

注:在修改後必須關閉專案或重啟WebStorm才能使設定生效!