1. 程式人生 > 其它 >VScode格式化時設定html不換行

VScode格式化時設定html不換行

VScode格式化時設定.html檔案 不換行

前提:Ctrl+Shift+P 輸入settings 開啟setting.json檔案

  1. 採用VSCode原生的格式化 HTML檔案
    在這裡插入圖片描述
"editor.defaultFormatter": "vscode.html-language-features"

注意:如果用 prettier格式化時 ,會導致二級三級標籤前面自動補一個Tab鍵(比如head標籤前會自動tab),這個格式實在不符合我的審美。。。
(PS: prettier從入門到解除安裝hhhhhh,目前prettier就主要用於JS檔案格式化了,如果有大佬知道怎麼去掉 prettier格式化html時 會在標籤前補Tab這個點 歡迎補充 )

  1. 還是在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小時左右成果,轉載請附上原連結。