回覆列表
-
1 # 使用者3225532084081
-
2 # 使用者1465424935672
擴充套件裡面下載 Beautify 外掛，使用的時候按 F1 輸入 bea 回城就能格式化檔案，另可以定義快捷鍵，只此一個就可以基本格式化前端的所有檔案型別
擴充套件裡面下載 Beautify 外掛，使用的時候按 F1 輸入 bea 回城就能格式化檔案，另可以定義快捷鍵，只此一個就可以基本格式化前端的所有檔案型別
別用beautify了，基本過時，等待退休狀態。
用prettier，把vscode設定formatter為prettier，並且設定儲存檔案觸發自動格式化。根目錄建立.prettierrc檔案，設定鎖進，引號風格等配置。
然後js的話裝個eslint，ts的話裝個tslint，在vscode裡設定格式化優先繼承lint配置，並用prettier配置複寫。根目錄建立lint的config檔案。
然後再裝個editorconfig外掛，根目錄建立.editorconfig配置。這個的作用是為專案統一編輯器的實時格式。簡單來說就是它負責敲程式碼那一刻的格式，prettier負責儲存程式碼那一刻的格式。兩者統一體驗更好。
最後，你在package.json裡面再來一條lint+prettier的全專案自動審閱命令，以及自動全域性格式化命令。用來做程式碼審閱和自動修復，保證很多人參與的大專案都有完全統一的程式碼格式。
以上基本實現vscode優雅格式化。
手機打字比較麻煩，就不詳細講具體配置了。