VScode格式化时设置标签属性禁止换行

VScode格式化时设置标签属性禁止换行


今天博主跟大家聊一聊VScode格式化时设置标签属性禁止换行!不喜勿喷,如有建议欢迎补充、讨论!

关于安装和汉化可以观看博主的这篇文章《下载安装及汉化 》,安装完毕重启VsCode!


正题

VSCode 升级中替换了内置格式化插件导致代码格式化自动换行问题.

解决方法:

打开—>文件—>首选项—>设置,然后在搜索栏键入vetur.format.defaultFormatterOptions,如下图:

VScode格式化时设置标签属性禁止换行_第1张图片

点击后编辑文件,在原配置信息下面加上如下一段配置即可:

"vetur.format.defaultFormatterOptions": {
		"js-beautify-html": {
			"wrap_line_length": 120,
			"wrap_attributes": "auto",
			"end_with_newline": false
		}
	}

如下所示:

VScode格式化时设置标签属性禁止换行_第2张图片

如果要设置js代码也不自动换行,需要再添加一条配置信息 :

"vetur.format.defaultFormatter.js": "vscode-typescript",

Ctrl + S 保存,然后重启一下VSCode编辑器,重新对代码进行格式化(Ctrl + Shift + F),发现不会再自动换行了。


好了快去试试吧!光看不试等于白搭


最后

  • 更多参考精彩博文请看这里:陈永佳的博客

  • 喜欢博主的小伙伴可以加个关注、点个赞哦,持续更新嘿嘿!

你可能感兴趣的:(为霞而作,编程工具系列)