創建一個vue新工程後,在webstorm等ide裏面打開項目,發現每行的縮進是2個空格,但是個人覺得看着整體頁面實在怪怪的,強迫性的希望能向內縮進4個空格。
首先想到的就是設置webstorm的CodeStyle配置:
File > Settings > Editor > Code Style > JavaScript的設置,發現Indent的鍵值就是爲4:
這就讓我納悶不已,思前想後估計是vue腳手架暗箱操作了一波,在經過長達幾分鐘的不懈努力下,終於找到了源頭所在。發現在項目根目錄下的.editorconfig配置文件中有如下配置:
只要將其中的indent_size的值修改爲4保存。然後在頁面內格式化代碼ctrl+alt+L搞定收工。