VScode格式化時設定html不換行
阿新 • • 發佈:2021-05-11
VScode格式化時設定.html檔案 不換行
前提:Ctrl+Shift+P 輸入settings 開啟setting.json檔案
- 採用VSCode原生的格式化 HTML檔案
"editor.defaultFormatter": "vscode.html-language-features"
注意:如果用 prettier格式化時 ,會導致二級三級標籤前面自動補一個Tab鍵(比如head標籤前會自動tab),這個格式實在不符合我的審美。。。
(PS: prettier從入門到解除安裝hhhhhh,目前prettier就主要用於JS檔案格式化了,如果有大佬知道怎麼去掉 prettier格式化html時 會在標籤前補Tab這個點 歡迎補充 )
- 還是在settings.json檔案中,補下圖中程式碼
"html.format.extraLiners": "", //這個玩意害人,VSCode自帶的格式化html時會自動把head, body, /html標籤前加空行
"html.format.enable": false, //使style標籤中的css程式碼不換行
(這是原理:可以發現,其實不是換行導致 而是VSCode預設在head body /html三個標籤前額外補行,實話說我不太懂它的審美…就去掉了)
3.測試
Alt+Sift+F 格式化快捷鍵 愉快測試
4.寫的不好的話 勿噴 謝謝!文章系本人搗鼓3小時左右成果,轉載請附上原連結。