html - 如何在 VS 代码中阻止 Prettier 将属性拆分为多行?

标签 html visual-studio-code formatting prettier

我在 VS Code 中使用 prettier 来格式化我的代码,但我真的不喜欢它的方式。

我的主要问题是它将属性拆分为多行。

<input
    type="checkbox"
    name="asiaNews"
    id="asiaNews"
    value="asiaNews"
/>

我更喜欢它看起来像这样
<input type="checkbox" name="asiaNews" id="asiaNews" value="asiaNews" />

我在 docs 中找不到任何内容或在 SO

How to prevent VS Code from breaking up long HTML lines into multiple lines?

有没有办法做到这一点或我可以使用不同的工具,以便我可以拥有适合我的感受的自定义格式规则?

最佳答案

快速解决方法是转到更漂亮的扩展设置(ctrl + shift + X)并在更漂亮的扩展设置中搜索“打印宽度”将其设置为 250 或任何适合您的值。
1:转到扩展设置:
Prettier Extension Settings
2:根据自己的喜好更改打印宽度的值。
Changing the value of Print Width
在保存时禁用格式代码。关闭“保存时格式化”并使用 Alt+Shift+F随时格式化代码。
Disable or enable Format On Save
您可以目视检查设置 here

关于html - 如何在 VS 代码中阻止 Prettier 将属性拆分为多行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56291245/

相关文章:

php - 投资组合元素对齐

javascript - 显示/折叠文本

php - 如何连接两个MySQL表

visual-studio-code - 在 VSCode 中使用安装在 Windows Subsystem for Linux 中的 git

visual-studio-code - 如何使用 Visual Studio Code 的默认应用程序打开二进制文件(例如 Excel)

vim - VsCode VIM - 如何打开 "New Untitled File"

css - 如何微调在 r Shiny 中渲染的对象的位置?

javascript - 有没有办法在 javascript 中访问表格的 col 标签数组?

css - 防止eclipse破坏CSS格式

java - 如何将日期格式化为大写?