VScode 格式化时标签属性不换行

绝地灬酷狼 2022-03-11 13:42 386阅读 0赞

打开 文件=》首选项=》设置     然后搜索  "vetur.format.defaultFormatterOptions" ，如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzI1NDUw_size_16_color_FFFFFF_t_70][]

然后点击   ‘在settings.json中编辑’；之后将如下代码复制到settings.json内

"vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
          "wrap_line_length": 120,
          "wrap_attributes": "auto",
          "end_with_newline": false
        }
      }

如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzI1NDUw_size_16_color_FFFFFF_t_70 1][]

按Ctrl+s保存，搞定；

附VScode前端开发常用插件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzI1NDUw_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzI1NDUw_size_16_color_FFFFFF_t_70]: /images/20220311/bd64e8adf4664cb4a368ee3a5b7da9e4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzI1NDUw_size_16_color_FFFFFF_t_70 1]: /images/20220311/89743c32d8b0494bbf1a8f052fc601e1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzI1NDUw_size_16_color_FFFFFF_t_70 2]: /images/20220311/28b166aad29c4806ba3d7cee2c10d464.png

发表评论取消回复

表情：

评论列表（有 0 条评论，386人围观）

还没有评论，来说两句吧...

相关阅读

相关 VSCode自动换行

件——首选项——设置——输入editor.wordWrap”搜索——把Editor.Word Wrap里的“off”改为“on”即可。So easy！ ![waterm...

小鱼儿/ 2024年04月18日 12:24/ 0 赞/ 26 阅读

相关 div、a等标签title属性的换行

1、换行代码符合分别为： “&\10;”和“&\13;” “&\10;”拼写： &（and符号，键盘数字键7一起&）+ \（井号）+ 10（阿拉伯数字十）+ ;（小写分

红太狼/ 2024年02月17日 15:17/ 0 赞/ 7 阅读

相关 vscode替换换行

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM3

浅浅的花香味﹌/ 2023年01月07日 11:29/ 0 赞/ 105 阅读

相关 vscode代码格式化换行问题

vscode格式化插件固然好用,但是也出现了一些弊端,写代码时标签的属性自动换行,于是给页面的排版带来了问题,下面是解决的方案: vscode点击左上角找到首选项–>设置–

超、凢脫俗/ 2022年12月11日 07:52/ 0 赞/ 290 阅读

相关调整java单行格式化时注释不换行

调整java单行格式化时注释不换行: Window --> Preferences --> Java --> Code Style --> Formatter

╰+哭是因爲堅強的太久メ/ 2022年06月16日 08:41/ 0 赞/ 203 阅读

相关 pre标签中内容超出时换行

pre { white-space: pre-wrap; /css-3/ white-space: -moz-pre-wrap; /Mozilla,since1999/

Dear 丶/ 2022年06月13日 10:16/ 0 赞/ 228 阅读

相关 Eclipse-格式化代码时不换行与自动换行的实现方法

1. preferences->Java->Code Style->Code Formatter->Show… ，打开之后，选择“Line Wrapping”选项卡，在“Ma

浅浅的花香味﹌/ 2022年06月04日 07:14/ 0 赞/ 344 阅读

相关 VScode 格式化时标签属性不换行

打开文件=》首选项=》设置然后搜索 "vetur.format.defaultFormatterOptions" ，如下图： ![watermark_type_

绝地灬酷狼/ 2022年03月11日 13:42/ 0 赞/ 387 阅读

相关 shell echo 换行不换行打印换行

换行与不换行 echo默认是有换行的， -n的时候，是不换行的, 看下man的介绍： ubuntu@VM-0-13-ubuntu:~$ man echo | g

秒速五厘米/ 2021年07月28日 15:11/ 0 赞/ 843 阅读

相关解决vscode格式化代码html属性换行问题； ctrl+s格式化去除分号，格式化自动单引号；解决js格式化换行问题

右键格式化文档或者ctrl + s保存 html不换行 ![在这里插入图片描述][20210303133954289.gif] 1.安装两个插件①vetur ②Prett

╰+哭是因爲堅強的太久メ/ 2021年07月24日 21:21/ 0 赞/ 2027 阅读