原文

vscode vetur 代码格式化优化设置（亲测有用）

vue 文件在使用 vetur 格式化时，会默认把标签的每一个属性单独占一行，而且标签错位，可读性很差
1、点击左下角齿轮图标 --> 设置 -->点击右上角的小图标
2、在 {} 里面最下方添加如下代码

"typescript.validate.enable": false,"vetur.format.defaultFormatter.html": "js-beautify-html","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_line_length": 200, // 最多容纳多少个字符，开始换行"wrap_attributes": "auto","end_with_newline": false}}

3、测试结果
原代码格式

格式化后代码

vscode vetur 代码格式化优化设置（亲测有用）相关推荐

vsCode JS代码格式化插件ESlint
vsCode JS代码格式化插件ESlint 验证有效,Ctrl+S保存代码全格式化了.写这个主要是个人笔记,算不得重复造. 源头:https://blog.csdn.net/qq_34803821/ ...
在使用 VScode 进行代码格式化后，保存发现代码又变乱了，怎么办？
出现的问题: 在用 VScode 时,代码使用格式化文档时,可以完美的进行格式化,但保存后,代码变乱或遇到如下问题: 保存代码的时候,代码被自动格式化,然后格式就变乱了(只要保存,格式就被打乱) ...
ofd格式转pdf，所需代码和jar包--亲测可用
ofd格式转pdf,所需代码和jar包–亲测可用工具类package com.comingnet.commons.util.file;import java.nio.file.Path; impor ...
vscode c#代码格式化
下载 .NET 6.0 (Linux.macOS 和 Windows) (microsoft.com) 今天在写代码时发现,vscode的代码格式化不能用了,发现扩展市场里[DEPRECATED] C ...
Ubuntu 18.04 安装微信、QQ 教程+常见问题处理办法（亲测有用）
Ubuntu 18.04 安装微信.QQ教程,亲测有用!!! 一.安装deepin-wine环境 sudo git clone https://gitee.com/wszqkzqk/deepin-wi ...
我的Bug日常：spark基于yarn运行时抛错，内存不足Required executor memory (1024 MB), offHeap memory (0) MB。问题已解决，亲测有用~~~
问题描述: 在yarn集群上运行spark时,报了如下错误主要内容: Exception in thread "main" java.lang.IllegalArgumentEx ...
Windows10电脑用户中文名修改为英文名的详细教程【亲测有用】
Windows10电脑用户中文名修改为英文名详细教程[亲测有用] 1.控制面板修改电脑名 2.注册表修改电脑名 3.文件夹修改电脑名 1.控制面板修改电脑名第一步:Windows10左下角搜索控制面 ...
解决google翻译无法使用的问题（亲测有用）
2022年10月1日,Google突然停止了Google翻译在中国大陆的业务,不再向中国大陆区域提供翻译服务,官方给出的理由是"因为使用率低"(这谁信啊!),导致我们日常无法使用谷 ...
浏览器报错Not allowed to load local resource:的解决办法,与网上大多数都不同,亲测有用！
浏览器报错Not allowed to load local resource:的解决办法,与网上大多数都不同,亲测有用! 起因报错原因吐槽解决办法参考起因因为深度学习用的是pytorch ...

vscode vetur 代码格式化优化设置（亲测有用）

vscode vetur 代码格式化优化设置（亲测有用）

vscode vetur 代码格式化优化设置（亲测有用）相关推荐

最新文章

热门文章