vscode 如何格式化vue(template)html代码 , 保持标签属性不换行_vue html标签不要每个属性换行-程序员宅基地

技术标签: 前端  

百度看了好多文章,但是设置完了,还是会换行
今天终于自己摸索出来不会换行
1.vscode->文件->首选项->设置
在这里插入图片描述
2.选择工作区->找到settings.json(滚动找到settings.json)
在这里插入图片描述
3.设置如下,就ok了

"settings": {
    
		"vetur.format.defaultFormatter.html": "js-beautify-html",
		"vetur.format.defaultFormatterOptions":{
    
			"js-beautify-html":{
    
					"wrap_attributes":"auto"
			},
			"prettier": {
    
				"semi": false,
				"singleQuote": true
			},
			"prettyhtml": {
    
				"printWidth": 100,
				"singleQuote": false,
				"wrapAttributes": false,
				"sortAttributes": false
			}
		},
		"editor.tabSize": 2,
		"editor.fontSize": 13,
		"editor.wordWrap": "on"
	}

4.配置后,界面看起来舒服多了
在这里插入图片描述

5.其他文章配置:https://blog.csdn.net/hbwang_716/article/details/105920244

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_17108919/article/details/110224672

智能推荐

WCDMA信令流程(非常详细)_3g随机接入成功的标志-程序员宅基地

文章浏览阅读6k次,点赞3次,收藏57次。非常实用在WCDMA系统中具有的各种各样的信令流程中,从协议栈的层面来说,可以分为接入层的信 令流程和非接入层的信令流程;从网络构成的层面来说,可以分为电路域的信令流程和分组域的信令流程。所谓接入层的流程和非接入层的流程,实际是从协议栈的角度出发的。在协议栈中,RRC和RANAP层及其以下的协议层称为接入层,它们之上的MM、SM、CC、SMS等称为非接入层。简 单地说,接入层的流程..._3g随机接入成功的标志

如何学习verilog,如何快速入门?_verilog怎么学-程序员宅基地

文章浏览阅读7.6k次,点赞8次,收藏148次。前言害怕真的有人不知道verilog是什么东西,于是就给把百度给搬来了!Verilog HDL是一种硬件描述语言,以文本形式来描述数字系统硬件的结构和行为的语言,用它可以表示逻辑电路图、逻辑表达式,还可以表示数字逻辑系统所完成的逻辑功能。 Verilog HDL和VHDL是世界上最流行的两种硬件描述语言,都是在20世纪80年代中期开发出来的。前者由Gateway Design Automation公司(该公司于1989年被Cadence公司收购)开发。两种HDL均为IEEE标准。之前的文章《IC前端_verilog怎么学

linux根文件系统树制作_::sysinit:/bin/echo test-程序员宅基地

文章浏览阅读776次。linux根文件系统树制作arm根文件系统树_::sysinit:/bin/echo test

win10运行安卓模拟器蓝屏崩溃_emolator detected-程序员宅基地

文章浏览阅读1.8w次。运行各种模拟器到99%,win10自动崩溃,原因是:win10自带模拟器Hyper-V的问题,关闭就行了Win + R 快捷键调出“运行”对话框,输入“control.exe” 打开控制面板程序和功能-》启动或关闭Windows功能找到Hyper-V关闭即可_emolator detected

我的框架--QiCai(视图类)_我的框架vi-程序员宅基地

文章浏览阅读182次。视图类希望有两个功能1.将变量从c层渲染到视图层($tshi->assign('data',$data))2.调用视图文件($this->display('index.html'))首先让控制器继承 \core\imooc基类然后在core/imooc.php中添加两个方法在控制器indexCtrl.php中测试下在此之前记得创建视图文件 app/v_我的框架vi

C++ 调用 Mask R-CNN Detectron2_mask rcnn的c++部署-程序员宅基地

文章浏览阅读1.6k次。AI开箱 C++调用Detectron2的Mask R-CNN欢迎订阅我的频道bilibili频道youtube频道视频为保障项目复现,本视频在虚拟机下录制,系统: ubuntu-18.04.5-desktop-amd64.iso虚拟机磁盘空间,建议分配40Gbilibili[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-16nnXWoo-1606283199472)(https://github.com/dyh/unbox_use_detectron2_mask rcnn的c++部署

随便推点

spring+jdbctemplate+servlet实现curd_servlet com.plansche.template.jdbctemplate-程序员宅基地

文章浏览阅读449次。用到的知识点springIOCspringAOP事务管理jdbcTemplateservlet代码展示效果图项目结构:重点标注了baseServlet,有人可能没这么用过导入jar包数据库表:怎么简单怎么来实体类package com.bjsxt.pojo;public class Brand { private int id; private S..._servlet com.plansche.template.jdbctemplate

springMvc解决请求跨域_springmvc跨域处理和过滤器方式跨域处理主要代码-程序员宅基地

文章浏览阅读784次。本地前后端调试经常要解决跨域问题,解决方法有多个,其中后端可以通过注解或者配置过滤器解决。配置过滤器的方式,代码如下:public class MyFilter implements Filter{ @Override public void init(FilterConfig var1) throws ServletException {} @Overri..._springmvc跨域处理和过滤器方式跨域处理主要代码

Python线程基础_python acynio-程序员宅基地

文章浏览阅读923次。进程与线程的区别进程概念 进程是表示资源分配的基本单位,又是调度运行的基本单位。例如,用户运行自己的程序,系统就创建一个进程,并为它分配资源,包括各种表格、内存空间、磁盘空间、I/O设备等。然后,把该进程放人进程的就绪队列。进程调度程序选中它,为它分配CPU以及其它有关资源,该进程才真正运行。所以,进程是系统中的并发执行的单位。 在Mac、Windows NT等..._python acynio

Vue学习之旅-02_vue index+1 ``-程序员宅基地

文章浏览阅读628次。Vue028. v-model的使用9. 组件化开发10. 组件通信11. 插槽8. v-model的使用v-model的使用与原理<div id="app"><!-- <input type="text" v-model="message">--> <input type="text" :value="message" @input="valueChange"><!-- <input type="text" :value_vue index+1 ``

css绘制直角三角形_css直角三角形-程序员宅基地

文章浏览阅读1.3w次,点赞6次,收藏32次。.tri { width: 0; height: 0; border-color: red blue red blue; border-width: 50px 50px 50px 50px; border-style: solid; }.tri2 { ..._css直角三角形

科技战疫志愿精神如何延续?腾讯的答案是……-程序员宅基地

文章浏览阅读200次。文/陈选滨来源/智能相对论(aixdlun)1999年9月1日,在《中华人民共和国公益事业捐赠法》正式生效之时,时任民政部部长的崔乃夫便说道,“公益事业将来肯定成为现代社会治理的一个组成部分。”时至今日,中国公益事业发展又走过21个年头,与现代社会治理模式不断同步迭代,公益事业的发展模式也在持续变革。值得瞩目的是,随着越来越多科技企业投身公益慈善事业,公益的维度又将迎来新的定义,科技公益、互联网+公益等等实践打开了公益慈善事业的新大门。在腾讯,源于内部员工的志愿精神和专业能力驱动,诸多以科技解决社会

推荐文章

热门文章

相关标签