vscode怎么格式化前端代碼？不要用漂亮的?；旧弦呀?jīng)過時了，等著退休。使用prettier，將vscode formatter設置為prettier，并將save file設置為觸發(fā)自動格式化。創(chuàng)

vscode怎么格式化前端代碼？

不要用漂亮的?；旧弦呀?jīng)過時了，等著退休。

使用prettier，將vscode formatter設置為prettier，并將save file設置為觸發(fā)自動格式化。創(chuàng)建。Prettierrc文件在根目錄下，設置鎖定、引號樣式等配置。

然后安裝eslint for JS和tslint for ts。在vscode中設置格式，首先繼承l(wèi)int配置，并使用prettier配置復制。在根目錄中創(chuàng)建lint的配置文件。

然后安裝editorconfig插件并設置。根目錄中的Editorconfig配置。其作用是統(tǒng)一項目編輯器的實時格式。簡而言之，它負責輸入代碼的時刻的格式，而漂亮的負責保存代碼的時刻的格式。兩者的統(tǒng)一性更好。

最后，你在哪里包.json還有一個命令用于自動檢查lint prettier的整個項目和自動全局格式化。用于代碼評審和自動修復，確保許多參與大型項目的人擁有完全統(tǒng)一的代碼格式。

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

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