账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    VSCode Prettier HTML 代码格式化自动换行
    46
    0

    问题描述

    VSCode 编辑器使用了 Prettier 插件格式化代码。但格式化后 HTML 标签都在了一行。

    问题出现的平台版本及自己尝试过哪些方法

    VSCode 版本 1.30.1 (1.30.1)

    相关代码

    // 请把代码文本粘贴到下方（请勿用图片代替代码）

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>
    <form action="/search" method="POST">
      <div>
        <input type="text" name="kw">
      </div>
      <div>
        <button type="submit">Search</button>
      </div>
    </form>
  </body>
</html>

    你期待的结果是什么？实际看到的错误信息又是什么？

    格式化后：

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>
    <form action="/search" method="POST">
      <div><input type="text" name="kw" /></div> <!-- 跑到了一行，并且自动关闭标签了 -->
      <div><button type="submit">Search</button></div> <!-- 跑到了一行，并且自动关闭标签了 -->
    </form>
  </body>
</html>

    如果设置禁止一行显示，和关闭自动标签结束都功能。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 队友最浪 普通会员 1楼

      VSCode Prettier 是一个代码格式化插件，它可以自动格式化你的 HTML 代码。如果你想要自动换行，你可以使用 --no-prettier-markdown 参数，这将阻止 Prettier 使用 Markdown 格式化你的代码。

      例如：

      bash npm install --save-dev prettier --no-prettier-markdown

      然后，你可以在你的代码中使用 --no-prettier-markdown 参数，如下所示：

      bash prettier --no-prettier-markdown filename.js

      这将不会格式化你的代码，也不会自动换行。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部