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

vscode怎么格式化前端代碼？

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

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

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

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

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

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

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

vscode怎么格式化前端代碼？

打開VS2010開發(fā)工具并打開代碼頁。如下圖所示：同時(shí)按住CTRL鍵和一個(gè)鍵，選擇要格式化的全部或部分代碼。如下圖所示：3先按住CTRL鍵，再按K鍵，再按F鍵。（注意：按下以下兩個(gè)鍵時(shí)，始終按CTRL鍵，直到松開F鍵）。又稱：Ctrl K、Ctrl f快捷鍵。已經(jīng)格式化了。它干凈多了。如下圖所示，

vscode如何自動(dòng)格式化代碼？

vs code format code可以通過快捷鍵操作，如下所示：