vscode标签内属性代码自动换行问题

每次使用的时候只要标签内的属性都自动换行很烦，解决后

解决方法：

1.在打开的vue文件中鼠标右键选择使用...格式化文档

2. 在头部的弹出框选择配置默认格式化程序-----vetur

配置完成后

3.左上角菜单栏选择文件---首选项----设置，会打开下面的界面

在搜索框中输入

vetur.format.defaultFormatterOptions

，就会打开settings.json文件

添加代码块

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

，最终效果

ctrl+s保存后重启vscode，打开文件再ctrl+s保存文件，最后就自动格式化好了

最后的这个

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

是用来格式化js代码的

vscode标签内属性代码自动换行问题相关推荐

pre 显示html代码插件,pre标签内JavaScript代码的高亮显示插件
插件经过IE6-10.Chrome.Firefox等浏览器的测试. 目前支持关键字.字符串.注释.正则表达式的高亮显示,现在逻辑可能比较简单,后期会继续完善. 使用示例: Html代码 Page Ti ...
在head标签内css代码,怎么在head区域引入css
引入方法:1.使用style标签引入,语法" ":2.使用link引入,语法"". 本教程操作环境:windows7系统.CSS3&&HTML5 ...
css p、div标签内长英文自动换行长中文不换行
长英文换行在css中 div,p,h标签等遇到连续的大段英文和数字时候,并不会按照正常情况下自动随盒子宽度限制而自动换行. 解决办法: word-wrap:break-word 解释:使用break ...
vscode html 属性换行,vscode中格式化css代码标签属性不换行
vscode中格式化css代码标签属性不换行,如下图,教程,后将,解决方法,首选 vscode中格式化css代码标签属性不换行易采站长站,站长之家为您整理了vscode中格式化css代码标签属性不换 ...
javascript第三天---标签内的属性和数组
操作标签内的样式 <div id="box" style="width:100px;height: 100px;background: red;"> ...
WordPress纯代码实现自动为文章添加标签及标签内链接
既然大家都知道Tag标签的作用,但是还是有很多站长不为文章添加Tag标签,主要原因就是每次发布文章都要手动为文章添加Tag标签,实在是太麻烦了. 那么有没有可能让WordPress站点自动为文章添加以 ...
使用Python编写网页时，我们经常需要操纵HTML标签和属性。Python的Dominate库可以帮助我们以Python对象的形式生成HTML，有效简化了代码...
使用Python编写网页时,我们经常需要操纵HTML标签和属性.Python的Dominate库可以帮助我们以Python对象的形式生成HTML,有效简化了代码的编写过程. 安装 Dominate库可 ...
Web学习第三天——HTML中input标签常用属性、框架集、内嵌框架
第三天HTML中input标签常用属性.框架集.内嵌框架一.input标签常用属性表单数据提交特点: (一).文本框(text) (二).密码框(password) (三).单选按钮(radio) ...
html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构网页的内容二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...

vscode标签内属性代码自动换行问题

vscode标签内属性代码自动换行问题相关推荐

最新文章

热门文章