vscode 如何格式化vue(template)html代碼 , 保持標簽屬性不換行


微軟的vscode 真心強大 , electron 框架寫的 , 用js寫的桌面應用 , 有能力的話大家可以分析一下人家的源碼 , 反正我是看不了 , 太牛掰了

在一次跟新后我發現莫名奇妙的些在組件(vue) 里面的html代碼不能格式化了,在網上找了一個解決了 , 但是今年朋友問我的時候我給忘了 , 在次記錄一下 , 也分享一下

首先打開vscode的 》文件 》 首選項 》設置

找到vetur 這個選項里面的 

vetur.format.defaultFormatter.html 這個選項 將其設置為 js-beautify-html
前提是你必須安裝了這兩個插件
 
----------------------------------------------
vsCode跟新過后設置變成這樣了

沒有關系 , 點擊左側三個點 選擇打開setting.json

依舊是熟悉的配方  , 還是熟悉的味道

我不喜歡標簽內屬性換行

像這樣看着難受

這樣就完美了

 

 


免責聲明!

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



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