vscode如何格式化vue(template)html代码,保持标签属性不换⾏微软的vscode 真⼼强⼤, electron 框架写的,⽤js写的桌⾯应⽤,有能⼒的话⼤家可以分析⼀下⼈家的源码,反正我是看不了,太⽜掰了
在⼀次跟新后我发现莫名奇妙的些在组件(vue) ⾥⾯的html代码不能格式化了,在⽹上了⼀个解决了,但是今年朋友问我的时候我给忘了,在次记录⼀下,也分享⼀下
⾸先打开vscode的》⽂件》⾸选项》设置
到vetur 这个选项⾥⾯的
vetur.format.defaultFormatter.html 这个选项将其设置为 js-beautify-html
前提是你必须安装了这两个插件
----------------------------------------------
vsCode跟新过后设置变成这样了
没有关系 , 点击左侧三个点选择打开setting.json
依旧是熟悉的配⽅  , 还是熟悉的味道
我不喜欢标签内属性换⾏
像这样看着难受
这样就完美了
electron vue教程
关键配置
"vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto"
},

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。