vscode怎么格式化前端代碼？別用beautify了，基本過時，等待退休狀態(tài)。用prettier，把vscode設(shè)置formatter為prettier，并且設(shè)置保存文件觸發(fā)自動格式化。根目錄建立.

vscode怎么格式化前端代碼？

別用beautify了，基本過時，等待退休狀態(tài)。

用prettier，把vscode設(shè)置formatter為prettier，并且設(shè)置保存文件觸發(fā)自動格式化。根目錄建立.prettierrc文件，設(shè)置鎖進，引號風格等配置。

然后js的話裝個eslint，ts的話裝個tslint，在vscode里設(shè)置格式化優(yōu)先繼承l(wèi)int配置，并用prettier配置復寫。根目錄建立lint的config文件。

然后再裝個editorconfig插件，根目錄建立.editorconfig配置。這個的作用是為項目統(tǒng)一編輯器的實時格式。簡單來說就是它負責敲代碼那一刻的格式，prettier負責保存代碼那一刻的格式。兩者統(tǒng)一體驗更好。

最后，你在package.json里面再來一條lint prettier的全項目自動審閱命令，以及自動全局格式化命令。用來做代碼審閱和自動修復，保證很多人參與的大項目都有完全統(tǒng)一的代碼格式。

以上基本實現(xiàn)vscode優(yōu)雅格式化。

手機打字比較麻煩，就不詳細講具體配置了。