vetur插件:vscode格式化html标签属性不换行

news/2024/7/10 0:50:04 标签: vue, vscode, vetur

1. 点击左下角设置按钮,选择Settings

在这里插入图片描述

vetur_Edit_in_settingsjson_2">2.在用户设置下找到vetur,点击 Edit in settings.json

在这里插入图片描述

3.设置如下配置

{
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    
    "vetur.format.defaultFormatter.html": "js-beautify-html", // html不换行,格式化模板选择为:js-beautify-html
    "vetur.format.defaultFormatterOptions": {

        "js-beautify-html": {
            "wrap_attributes": "auto",// html 标签属性 换行设置[auto|force|force-aligned|force-expand-multiline] ["auto"]
            "end_with_newline": false // 在文件结尾添加新行
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },
    "vetur.grammar.customBlocks": {
    
        "docs": "md",
        "i18n": "json"
    }
}

http://www.niftyadmin.cn/n/1486300.html

相关文章

ajax 跨域 服务端 c,服务器端解决ajax跨域问题(示例代码)

CorsFilterorg.apache.catalina.filters.CorsFilterCorsFilter/*在tomcat 官方文档中,有详细配置http://tomcat.apache.org/tomcat-7.0-doc/config/filter.htmlCorsFilterorg.apache.catalina.filters.CorsFiltercors.allowed.origins*cors.allowed.methodsGET,POST…

mysql-5.7.17的最新安装教程

mysql-5.7.17-winx64是现在最新版本的Mysql,这是免安装的,所以要进行些配置 1:下载安装包,将其解压到一个文件夹下 2:复制my-default.ini,并重命名为my.ini,然后用记事本打开输入mysql的基本配置&#xff1…

word中生成带方块的对勾

牢记这个小技巧: 在Word文档中输入数字2611,选中这个数字 ,然后按下键盘上的快捷键 ALT X 效果:

ajax 不更新,使用ajax更新而不刷新的问题

我在这里有此代码,应该可以帮助我更新电话号码。 虽然没有这样做,但是,我得到了成功更改的消息,但没有插入数据库。使用ajax更新而不刷新的问题这里是我的代码: 的index.php$(function() {$(".submit").clic…

过点(2,4)作一直线在第一象限与两轴围成三角形,问三角形面积的最小值?...

解:设此直线在xy轴上的截距为a,b,则三角形面积为ab/2, 直线方程x/ay/b1;又过2,4点 所以有2/a4/b1; 变换得到b4a/(a-2); 三角形面积sab/22a2/(a-2) s/2a2/(a-2)((a-2)24a-84)/(a-2)(a-2)44/(a-2) 设a-2x,则有 y/2x4/x4 而x4/x的最小值为x4/x时…

为什么腾讯微云上传文件会显示服务器繁忙呢,API - 微云

1. 接口说明文件上传申请,成功会返回实际上传的地址。根据申请上传返回的地址,组织数据上传。1.1 URLOAuth2.0协议: https://graph.qq.com/weiyun/upload_fileOAuth1.0协议: http://openapi.qzone.qq.com/weiyun/upload_file1.2 格…

新一代服务器芯片,Marvell新一代服务器芯片ThunderX3公布:7nm工艺Arm架构96核心384线程...

来源:雪球App,作者: 芯智讯,(https://xueqiu.com/2156146731/144436817)Arm架构处理器虽然进军桌面PC市场不太顺利,但是在云端、边缘计算、高性能计算领域,确实硕果累累,产品丰富,应…

benet 3.0 资料列表

最近努力学习呀。整理了下学习列表。太大,就放到附件中了,就是benet的PPT和我录制的视频。转载于:https://blog.51cto.com/dnsdhcp/411065