优化vscode格式html代码,保持标签不换行

vscode格式话代码:ctrl+shift+f

一般情况下,在vscode中格式化代码,都是如图一所示的效果图
一个标签换了好几行,看起来很难看,也不利于修改

图一

如下配置,即可保持标签不换行

vscode中的文件->首选项->设置->工作区->setting.json

在setting.json中
{
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-expand-multiline",
            "wap_line_length": 220,
            "end_with_newline": false
        },
        "prettyhtml": {
            "printWidth": 220,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    }

  

{

效果图如下:

图二

作者:候鸟与暖风
链接:https://www.jianshu.com/p/57db1de10062
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

原文地址:https://www.cnblogs.com/zhouhua815/p/12363280.html

时间: 2024-10-31 06:34:26

优化vscode格式html代码,保持标签不换行的相关文章

40个技巧优化您的PHP代码

本文转载 自 PHP技术交流圈 1.如果一个方法能被静态,那就声明他为静态的,速度可提高1/4; 2.echo的效率高于print,因为echo没有返回值,print返回一个整型; 3.在循环之前设置循环的最大次数,而非在在循环中; 4.销毁变量去释放内存,特别是大的数组; 5.避免使用像__get, __set, __autoload等魔术方法; 6.requiere_once()比较耗资源; 7.在includes和requires中使用绝对路径,这样在分析路径花的时间更少; 8.如果你需要

给php程序员的40条建议 优化你的php代码(一)【转载】

给php程序员的40条建议 优化你的php代码,这些经验是资深php程序员多年的积累结果,经验之谈,对php开发者有很好的指导意义!搜集如下,可以时常翻出来看看. 1.echo 比 print 快. 2.尽量避免使用__get,__set,__autoload. 3.$row[‘id’]的效率是$row[id]的7倍. 4.尽量采用大量的PHP内置函数. 5.str_replace函数比preg_replace函数快,但strtr函数的效率是str_replace函数的四倍. 6.如果一个方法可

Linkedin工程师是如何优化他们的Java代码的

原文链接:Linkedin工程师是如何优化他们的Java代码的 最近在刷各大公司的技术博客的时候,我在Linkedin的技术博客上面发现了一篇很不错博文.这篇博文介绍了Linkedin信息流中间层Feed Mixer,它为Linkedin的Web主页,大学主页,公司主页以及客户端等多个分发渠道提供支撑(如下图所示). 在Feed Mixer里面用到了一个叫做SPR(念"super")的库.博文讲的就是如何优化SPR的java代码.下面就是他们总结的优化经验. 1. 谨慎对待Java的循

Matlab遗传算法优化问题求解的示例代码

代码如下: function m_main() clear clc Max_gen = 100;% 运行代数 pop_size = 100;%种群大小 chromsome = 10;%染色体的长度 pc = 0.9;%交叉概率 pm = 0.25;%变异概率 gen = 0;%统计代数 %初始化 init = 40*rand(pop_size, chromsome)-20; pop = init; fit = obj_fitness(pop); [max_fit, index_max] = ma

Linkedin工程师是如何优化他们的Java代码的(转)

英文原文:LinkedIn Feed: Faster with Less JVM Garbage 最近在刷各大公司的技术博客的时候,我在Linkedin的技术博客上面发现了一篇很不错博文.这篇博文介绍了Linkedin信息流中间层Feed Mixer,它为Linkedin的Web主页,大学主页,公司主页以及客户端等多个分发渠道提供支撑(如下图所示). 在Feed Mixer里面用到了一个叫做SPR(念“super”)的库.博文讲的就是如何优化SPR的java代码.下面就是他们总结的优化经验. 1

验证手机号码格式的代码实例

验证手机号码格式的代码实例: 在一些表单中需要验证手机格式是否正确,当然验证的方式有多种,下面是一段常用的代码. 代码如下: function ismobile(mobile) { if(mobile.length!=11) { alert('请输入合法的手机号码!'); document.form1.mobile.focus(); return false; } var myreg = /^(((13[0-9]{1})|159)+\d{8})$/; if(!myreg.test(mobile)

优化你的Java代码

1.面向对象的3要素. 2.面向对象开发的6大原则. 1.单一职责原则 应该有且仅有一个原因引起类的变更. 2.里氏替换原则 只要父类能出现的地方,其子类就应该能出现.也就是用子类替换父类后,保证程序照样运行. 3.依赖倒置原则 面向接口编程. 4.接口隔离原则 接口细化,也就是接口中的方法要尽量少. 5.迪米特法则 也称为最少知识原则,其定义为:一个对象应当对其他对象有最少的了解.也就是一个类中不要有过多的其他类. 6.开闭原则 开闭原则的核心是:对扩展开放,对修改关闭. 3.圈复杂度(Cyc

许多博客都过滤或屏蔽alexa的widget代码script标签,有办法解决么

许多博客都过滤或屏蔽alexa的widget代码script标签,有办法解决么,如下: <a href="http://www.alexa.com/siteinfo/gmb2b.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=gmb2b.com"></script></a> 代码

jQuery邮箱格式验证代码

jQuery邮箱格式验证代码:在表单提交的时候可能需要用到邮箱验证代码,代码比较简单,就是邮箱格式的判断,如果说有难点可能就是关于正则表达式的使用,这里就不多说了,大家可以自行查询,下面就给出一段可以使用的验证代码,复制黏贴即可.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content=&quo