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

vscode怎么格式化前端代碼？

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

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

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

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

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

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

手機(jī)打字比較麻煩，就不詳細(xì)講具體配置了。