解决VScode保存,标签属性自动换行问题

这篇具有很好参考价值的文章主要介绍了解决VScode保存,标签属性自动换行问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

每次保存文件时,VScode会自动格式化文档,但是标签中的属性都会被强制换行,对于强迫症的我来说,神烦,尝试了N种方法后,终于知道了最完美的解决办法,可以愉快地Ctrl+s啦~

 1、打开设置setting.json

 点击VScode左下角管理,找到设置,如下如所示,点击 settings.json 并编辑。

解决VScode保存,标签属性自动换行问题文章来源地址https://www.toymoban.com/news/detail-515349.html

 2、在settings.json 中添加如下代码

 "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_line_length": 240,
            "wrap_attributes": "auto",
            "end_with_newline": false
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },

3.保存试一下,大功告成啦~ 撒花花❀❀❀

到了这里,关于解决VScode保存,标签属性自动换行问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Flutter】Flutter 实现 Text 自动换行 解决长文本溢出问题

    你是否渴望成为 Flutter 的专家,掌握更多的技巧和最佳实践?我们有个好消息要告诉你! Flutter 从零到一 基础入门到应用上线全攻略 正在等待你的加入!这个专栏包含了你需要的所有 Flutter 学习资源,包括代码示例和深度解析。专栏内容会持续更新,价格也会随之上涨。现

    2024年02月12日
    浏览(38)
  • VsCode设置是否自动换行

    在使用vscode中,根据情景需要设置自动换行,打开自动换行,如下图红框所示,如果一行过长,就会自动拆成两行甚至多行: 1、左下角设置 2、点设置 3、文本编辑器中对的Word Wrap设置是否换行

    2024年02月13日
    浏览(53)
  • vscode使用-设置自动换行

    vscode使用过程中发现代码很长时,也不会自动换行,导致需要拖拽滚轮查看完整代码,网上搜索设置 自动换行 1、vscode编辑器窗口,依次点击左上角的\\\'File\\\'--\\\'Preferences\\\'--\\\'Settings\\\',打开settings窗口(快捷键:ctrl+, ) 2、在settings窗口的搜索框中输入“word wrap”,将“Editor:Word Wr

    2024年02月03日
    浏览(39)
  • 【Tools】Prettier 在 Vue 中对每个属性进行自动换行

    Vue 风格指南 强烈推荐 : 多个 attribute 的元素应该分多行撰写,每个 attribute 一行。 bad: good: 在使用 Prettier 进行代码格式化时,将根据 printWidth 属性设置的值来决定是否换行。 默认的 printWidth 值为 80,当行位置超过此值时,代码会自动换行。然而,这导致部分元素的 attribu

    2024年02月16日
    浏览(33)
  • vscode格式化代码禁止自动换行

    问题产生 代码格式化的功能由插件提供,比如veture,默认的配置超过很短的长度就回换行。 所以需要修改配置。 打开 文件 - 首选项 - 设置,然后点击右上角的图标。进入settings.json文件。 搜狗截图20220421170631.png 在这里面写配置。 问题解决 1.使用Prettier - Code formatter来格式化

    2024年02月06日
    浏览(52)
  • 前端Vue uni-app简单实用通用标签栏自动换行 自适应高度 可设置行数 可改标签颜色

    随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随

    2024年02月05日
    浏览(80)
  • vscode自动换行快捷键(附常用快捷键)

    自动换行:alt+z(标签过长需要拖动编辑器下方滚动条阅读时不太方便,可以一键换行) 1.新建文件:chtr+n 2.新开窗口:ctrl+shift+n 3.分屏:ctrl+1/2/3 4.关闭当前窗口:ctrl+w 5.关闭所有已保存窗口:ctrl+k+w 6.显示/隐藏左侧边栏:ctrl+b 7.文件重命名:鼠标选中+f2 8.自动换行:alt+z(

    2023年04月15日
    浏览(67)
  • 解决弹性布局父元素设置高自动换行,子元素均分高度问题(align-content: flex-start)

    案例: 效果 当循环的item大于足够多的时候(垂直的高度大于父元素的高造成可以滑动的情况下) 情况就很正常。 但是要在item少的情况下也要是这样的效果。 这个时候就需要用到 align-content: flex-start ; 对于vue也是一样的解决办法。

    2024年02月22日
    浏览(56)
  • h5使用video标签解决自动全屏问题

    问题描述: h5页面内使用video标签播放视频,会自动全屏;且不能自动播放的问题 两种情况: 一、普通浏览器内 1 解决全屏播放的问题方案: 标签内添加属性:     webkit-playsinline=\\\"true\\\"      x-webkit-airplay=\\\"true\\\"     playsInline={true}     x5-playsinline=\\\"true\\\"     x5-video-orientation=

    2024年02月06日
    浏览(42)
  • Vue基于html2canvas和jspdf生成pdf文件,解决jspdf中文乱码及自动换行等问题

    在做项目时有这么一个需求,需要将当前页面指定区域的内容导出pdf到本地。借助了两个插件分别是html2canvas.js和pdf.js来实现。使用过程中遇到的问题及解决方法 解决一些问题: 导出按A4纸大小排列 预留页面边距的问题 内容过多自动分页的问题 直接使用jspdf中文乱码的问题

    2024年01月25日
    浏览(62)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包