V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Sponsored by
LinkedIn
不坐班的神仙工作 · 去任何你想去的地方远程,赚一线城市的工资
2000 个不用出门 Social 的全球远程工作,帮助 V2EX 的小伙伴开启全新的工作方式。
Promoted by LinkedIn
gogocome
V2EX  ›  Visual Studio Code

请教 vscode 的 prettier 格式化代码的一个问题

  •  
  •   gogocome · 171 天前 · 1116 次点击
    这是一个创建于 171 天前的主题,其中的信息可能已经有所发展或是发生改变。

    部分 html 标签结尾被格式化成这个样子了,右边的尖括号换行了,有办法吗?

    </i
    >15555223321</a
              >
              
    
    8 条回复    2022-04-15 16:44:05 +08:00
    gogocome
        1
    gogocome  
    OP
       171 天前
    {
    "singleQuote": true,
    "printWidth": 1500
    }

    没用好像..
    creanme
        2
    creanme  
       171 天前   ❤️ 1
    我印象中好像没法配置,只能手动把里面的内容以及整个右标签换行,然后再格式化,prettier 就不会单独把右尖括号换行了。
    gogocome
        3
    gogocome  
    OP
       171 天前
    @creanme 这样是可以的.谢谢.
    xujiahui
        4
    xujiahui  
       171 天前
    可以配置,不过需要考虑清楚,"htmlWhitespaceSensitivity": "ignore",https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting
    kkocdko
        5
    kkocdko  
       171 天前 via Android
    4 楼正解。
    这么做的原因是,如果格式化成这样:
    <i>
    123123
    </i>
    会发现内容前后多出了一个空格的位置。大多数 inline 元素都是这样的。因此这两种形式并非完全等价。
    wangtian2020
        6
    wangtian2020  
       170 天前
    可以先用文件内搜索,搜索框内敲个换行符,然后全部移除掉。这样子你的代码压缩到只有一行了
    这个时候重新格式化
    nzbin
        7
    nzbin  
       170 天前
    模板格式化建议不要用 prettier ,vscode 自带的格式化更好用,可以参考这篇文章里介绍的模板格式化方法
    https://www.cnblogs.com/nzbin/p/11495417.html
    wdssmq
        8
    wdssmq  
       168 天前
    "html.format.wrapAttributes": "preserve-aligned"

    已设置。。之后看效果。。
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1583 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 44ms · UTC 17:06 · PVG 01:06 · LAX 10:06 · JFK 13:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.