VSCode Prettier HTML 代码格式化自动换行
问题描述
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>如果设置禁止一行显示，和关闭自动标签结束都功能。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果你在项目里面使用，建议结合eslint做配置，shift+alt+f自动优化代码可以做，具体的你百度搜一下，内容很多