VScode格式化时设置html不换行

最新推荐文章于 2024-09-11 09:40:10 发布
最新推荐文章于 2024-09-11 09:40:10 发布
阅读量2.5k 收藏 3
点赞数
文章标签： html5 html visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38768545/article/details/116564262
版权
在VScode中，通过设置配置文件setting.json，可以实现.html文件格式化时不换行。避免使用prettier格式化时HTML标签前自动添加Tab的问题。只需在设置中添加特定代码，即可消除head、body、/html标签前的额外行。
摘要由CSDN通过智能技术生成

VScode格式化时设置.html文件 不换行

前提：Ctrl+Shift+P 输入settings 打开setting.json文件

  1. 采用VSCode原生的格式化 HTML文件
    在这里插入图片描述
"editor.defaultFormatter": "vscode.html-language-features"

注意：如果用 prettier格式化时 ，会导致二级三级标签前面自动补一个Tab键（比如head标签前会自动tab），这个格式实在不符合我的审美。。。
（PS： prettier从入门到卸载hhhhhh，目前prettier就主要用于JS文件格式化了,如果有大佬知道怎么去掉 prettier格式化html时 会在标签前补Tab这个点 欢迎补充 ）

  1. 还是在settings.json文件中，补下图中代码
    在这里插入图片描述
    
最低0.47元/天 解锁文章
Candid213
关注
vscodehtml环境配置_从零开始配置 vscode
weixin_39836726的博客
12-20 2823
我们在进行开发工作时，选择一个顺手好用的编辑器是必不可免的, 其中 vscode 就是一个很好的选择。它能让你大部分的工作都在编辑器内完成, 大大的提高开发效率~概述vscode 内置了前端相关的基础环境，如emmet扩展。另外的环境则可以通过它自己的插件商城来找到对应的插件。比如常见的预处理器的语法高亮。同时它有良好成熟的生态圈, 足够满足我们日常开发的所需的东西.它提供了很多便捷的自定义配置，...
VScode格式化不换行
weixin_45979310的博客
11-03 290
在设置里，settings.js 中的大括号尾部，加上如下代码 "vetur.format.defaultFormatter.html": "js-beautify-html", "emmet.includeLanguages": { "wxml": "html" }, "minapp-vscode.disableAutoConfig": true, "explorer.confirmDelete": false, "vetur.format.
VScode 格式化html属性不换行
明耀的博客
02-25 1299
VScode 格式化html属性不换行
vscode设置vue标签不换行
最新发布
咖啡味的小认真
09-11 422
【代码】vscode设置vue标签不换行。
vscode设置html标签属性不换行
qq_44977477的博客
03-22 258
wrap line length。
vsCode格式化html代码
热门推荐
dancer_mm的博客
11-04 1万+
vsCode格式化html代码 1.下载两个插件ESLint和vetur 2.打开code-> preference-> setting页面，搜索settings.json，将其配置 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor...
最新VSCode格式化代码不换行
zouhuu的博客
07-12 1584
最新VSCode格式化代码不换行 安装Vetur插件 设置 打开设置 搜索 打开 配置 settings.json 文件 vetur.format.defaultFormatterOptions 输入下面内容 { "workbench.iconTheme": "material-icon-theme", "workbench.colorTheme": "Default Dark+", "vetur.format.defaultFormatter.html": "js-be
vscode保存html时，如何不换行？
u014773932的博客
07-20 1823
即使我把printWidth和wrap_line_length设置成5000，保存之后还是会自动换行。我发现网上的答案都是千篇一律，都是复制过来的。
VScode格式化HTML代码保持标签属性不换行
wasd986523的博客
01-08 2229
参考谢谢：https://www.cnblogs.com/listen9436/p/13064294.html VScode格式化HTML代码保持标签属性不换行 属性自动换行，导致一个文件千百行 ，看着不舒服，最关键的是标签无法折叠了，这是最不能忍的 代码： {"vetur.format.defaultFormatter.html": "js-beautify-html", "emmet.includeLanguages": { "wxml"...
VScode配置:代码格式化时,标签属性等不会自动换行
weixin_43305450的博客
06-28 469
VScode配置
prettier自动格式化去换行的实现代码
10-14
这些设置确保了在保存文件时，VSCode会调用Prettier进行代码格式化，并遵循我们在`.prettierrc`中定义的规则。`eslintIntegration`选项使得Prettier能够与ESLint集成，确保代码既符合Prettier的格式规范，也遵循...
vscode 如何格式化vue(template)html代码 , 保持标签属性不换行
qq_17108919的博客
11-27 2734
百度看了好多文章，但是设置完了，还是会换行 今天终于自己摸索出来不会换行 1.vscode->文件->首选项->设置 2.选择工作区->找到settings.json(滚动找到settings.json) 3.设置如下，就ok了 "settings": { "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions":{ "js-bea
VSCode 设置vue 保存自动格式化代码
weixin_30723433的博客
08-22 4495
设置保存自动格式化代码，开发效率大大提升！ 操作如下： 安装VSCodeeslint插件 如下配置setting.json文件： { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSi...
html代码格式化vscode,Vscode代码格式化
weixin_30695909的博客
06-09 4483
Vscode代码格式化Vscode代码格式化①首选项 → ② 设置③ 点击 这个小图标④ 然后把以下的代码复制进去。{"window.zoomLevel": 2, //设置窗口缩放级别"files.autoSave": "afterDelay", //自动保存代码"breadcrumbs.enabled": true, // 开启 vscode 文件路径导航"search.exclude": { ...
vscode html格式化选择,1-VScode格式化ESlint-方法（最全最好用方法！）
weixin_39573822的博客
06-03 684
ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。背景：近来研究前端，然后一直在百度上找VScode格式化(ESlint)的插件，结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件，所以自己东拼西凑加实践找到解决方法。解决方案：1、安装插件1)ESlint：javascript代码检测工具，可以配置每次保存时格式化...
vscode html 格式化_详解VSCode 格式化不符合预期的问题
weixin_39969257的博客
02-02 1975
一句话总结不同格式化程序执行时长不一样，导致文件格式好后和预期不符。请务必保持校验（Lint）规则和格式化（Format）规则一致，不然格式化后还是不符合预期是非常讨厌的。本篇主要讲解怎么调教VSCode的保存时格式化程序。适用人员本文用于解决各类格式化冲突问题，如何使用 vscode自带格式化/ESLint/TSLint/Prettier 不在本文讨论范围之内。看完本文你将收获：为什么格式化后依...
vscode如何格式化html,vscode+eslint 如何设置格式化HTML和scss代码呢
weixin_28862113的博客
06-07 1375
最近项目中对代码格式要求越来越严格了，之前在网上找的那一套不符合规范，但是又没有找到合适。现在js格式很正常，就是HTML和scss不符规范(下图中格式化后的HTML标签没有对齐，就是属性对齐)，求大神分享vscode中setting如何配置HTML和SCSS的设置，要求格式化后标签对齐(最后是我当前的setting配置)。{"emmet.includeLanguages": {"javascri...
VSCode 代码格式化
星环
08-06 9135
VSCode 代码格式化 html， javascript css
vscode快速生成html模板 --两种方法，亲测有用
Viviane_2022的博客
10-09 1万+
注意：如果你的 HTML 文件中存在语法错误，自动格式化可能会失败。第二步，打开刚刚新键的空白html,在html页面内输入英文感叹号!在空白的html页面先输入英文的!（感叹号），选择第一个!,再回车，即可快速进入html的模板页面中。此时创建的是空白的html，但是html里面有很多重复标签我们不想每次都手动敲，怎么办？注意下面的三个感叹号是html的声明，按需选择使用哪个。
vscode设置html不换行,VScode格式化HTML代码保持标签属性不换行 配置记录
05-25
可以通过在 VS Code 的设置中添加以下配置来实现 HTML 不自动换行： ``` "html.format.wrapAttributes": "force-aligned" ``` 这将强制属性对齐，从而避免自动换行。如果你使用 Prettier 进行代码格式化，则还需要添加以下配置： ``` "prettier.printWidth": 0, "editor.wordWrap": "on" ``` 这将禁用 Prettier 自动换行，并将编辑器的自动换行设置为“on”，以便在必要时自动换行。 注意：以上配置仅适用于 HTML 文件。如果你希望在其他类型的文件（如 CSS 或 JavaScript）中禁用自动换行，请按照类似的方式设置相应的配置。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值