Visual Studio code 代碼格式化整理


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"
然后用格式化代碼的快捷鍵就可以了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM