首页 > 其他分享 >VScode设置标签中的属性自动换行

VScode设置标签中的属性自动换行

时间:2022-09-03 19:28:21浏览次数:65  
标签:force VScode 标签 代码 换行 wrap 属性

问题描述

很多时候,在编写Vue代码时经常需要添加很多的属性,往往这时候就会采用一个属性一行的代码格式,但是格式化代码又会将其合并为一行,如果每次都手动进行换行,又会非常影响效率。
image

解决方法

打开settings.json文件,在里面添加/修改:
"vetur.format.defaultFormatterOptions"

修改代码块:

"vetur.format.defaultFormatterOptions": {
    "wrap_attributes": "force-expand-multiline"
    "js-beautify-html": {
    "wrap_attributes": "force-expand-multiline",
    "end_with_newline": false
  }
}

保存重启VScode即可

标签:force,VScode,标签,代码,换行,wrap,属性
From: https://www.cnblogs.com/bkzj/p/16653351.html

相关文章

  • ASP.NET Core 实战-8.使用标签助手构建表单
    显示动态数据是许多Web应用程序的一个重要方面,但它通常只是故事的一半。除了向用户显示数据之外,您通常还需要用户能够将数据提交回您的应用程序。例如,您可以使用数据来......
  • vscode连接sqlserver(以及一直正在扩展问题的解决方法)
    我又回来啦,时隔两年,我终于正式成为一名程序媛!电脑突然坏了,勉强抢修回来,师父说还在保修期内帮我返厂检修,但是在等待的时间,就说上班咱也不能摸鱼啊,还是想办法继续捣鼓点作业......
  • HTML——hr标签&注释
    hr标签:添加水平线<html><body><p>hr标签定义水平线:</p><hr/><p>这是段落。</p><hr/><p>这是段落。</p><hr/><p>这是段落。</p></body></html>注释:可......
  • HTML——br标签
    <br/>标签:如果您希望在不产生一个新段落的情况下进行换行(新行),请使用<br/>标签:<br>还是<br/>您也许发现<br>与<br/>很相似。在XHTML、XML以及未来的HTML......
  • macbook m1实现vscode下debug(解决无法读入的问题)
    需要下载的点击下载vscode,注意选择Mac的Universal版本(兼容intel和applesilicon)安装两个插件C/C++ExtensionPack,CodeLLDB需要开启的vscode输入command+......
  • Vue的列表超链接(A标签)是什么?如何实现跳转呢?
    方法一:通过<router-link:to="">我要跳转,别拦我</router-link>首页列表:在这里我用a标签进行跳转,在vue里面使用<router-link></router-link>  //注意:这里的router-lin......
  • 表格标签与表单标签和css层贴样式表(选择器)(2)
    表格标签<table><thead><tr>一个tr就表示一行<th>username</th>加粗文本<td>username</td>......
  • HTML标签
    一、HTML概述HTML:HyperTextMarkupLanguage,超文本标记语言。是用来帮助我们构建网页的。【超文本】:网页本身是一个文本文件,而超文本指的是这种文件中既可以包含文本信......
  • web服务本质与HTTP和常用标签(1)
    web的本质"""浏览器服务端文件(html文件)"""HTTP协议"""HTTP协议的由来(sql语句由来)浏览器只有一个如何兼容N多个服务端"""#四大特性1基于请求......
  • html标签补充
    html中有很多标签在平常操作中总是用到,还有一部分不怎么用,甚至不知道还有这个标签?为了实现标签的效果用了好多css样式,最后也得不偿失,下面说一说都有哪些标签且现在H5可以用......