webstorm vue 向內縮進4個空格

創建一個vue新工程後,在webstorm等ide裏面打開項目,發現每行的縮進是2個空格,但是個人覺得看着整體頁面實在怪怪的,強迫性的希望能向內縮進4個空格。

首先想到的就是設置webstorm的CodeStyle配置:

File > Settings > Editor > Code Style > JavaScript的設置,發現Indent的鍵值就是爲4:

這就讓我納悶不已,思前想後估計是vue腳手架暗箱操作了一波,在經過長達幾分鐘的不懈努力下,終於找到了源頭所在。發現在項目根目錄下的.editorconfig配置文件中有如下配置:

只要將其中的indent_size的值修改爲4保存。然後在頁面內格式化代碼ctrl+alt+L搞定收工。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章