vs code格式化代碼的快捷鍵如下:(來源於這里)
On Windows Shift + Alt + F
On Mac Shift + Option + F
On Ubuntu Ctrl + Shift + I
但是自帶的格式化並不能滿足我的需求,這個時候,不得不說插件大法好。
1、代碼格式化為eslint風格(參考自這里)
需要插件:eslint
在設置中添加:
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
],
eslint.autoFixOnSave 用來進行保存時自動格式化,但是默認只支持 javascript .js 文件。
eslint.validate 用來配置作用的文件類型。
然后在保存代碼的時候,就會自動格式化為eslint風格(需要保存多次)。
2、HTML格式化代碼縮進
需要插件:Vetur
Vetur是一個功能非常強大的插件,為 vs code 編寫Vue代碼提供了強大的支持,也支持大多數主流的前端開發腳本。具體可以看這里->Vetur文檔
安裝這個插件后,可以在設置中看到如下的內容:
為了讓HTML代碼可以格式化縮進,添加如下一條:
"vetur.format.defaultFormatter.html": "prettier"
然后用格式化代碼的快捷鍵就可以了。