prettier保持标签属性以指定长度换行

Prettier 是一个代码格式化工具，可以帮助你自动化地格式化代码，包括 HTML、CSS、JavaScript 等多种语言。如果你想让 Prettier 在格式化 HTML 代码时保持标签属性以指定长度换行，可以使用以下配置：

在项目根目录下创建一个 `.prettierrc` 文件，并添加以下内容：

{
  "printWidth": 80,
  "htmlWhitespaceSensitivity": "ignore",
  "vueIndentScriptAndStyle": true,
  "wrapAttributes": "force-aligned"
}

其中，`printWidth` 表示一行代码的最大长度，如果超过这个长度，Prettier 会自动将代码换行。`htmlWhitespaceSensitivity` 表示是否在 HTML 属性前后忽略空格，这里设置为 `ignore` 表示忽略。`vueIndentScriptAndStyle` 表示是否在 Vue 单文件组件中缩进 `<script>` 和 `<style>` 标签中的代码，这里设置为 `true` 表示缩进。`wrapAttributes` 表示是否强制将标签的属性对齐，并且在指定长度处换行，这里设置为 `force-aligned` 表示强制对齐。

配置完成后，在编辑器中保存 HTML 文件时，Prettier 就会自动按照上述规则格式化代码了。

相关问题

Prettier - Code formatte设置不自动换行

在 Prettier 中设置不自动换行，可以通过在 `.prettierrc` 文件中设置 `"printWidth"` 参数来实现。

以下是一个示例配置：

{
  "printWidth": 120
}

在上述示例中，`"printWidth"` 参数设置了每行的最大字符数为 120，将其设置为一个较大的数值即可防止自动换行。

同时，可以根据需要设置其他参数，例如设置不使用尾随逗号：

{
  "printWidth": 120,
  "trailingComma": "none"
}

通过设置不同的参数，可以实现不同的自动换行效果。

vscode设置html不换行,VScode格式化HTML代码保持标签属性不换行 配置记录

可以通过在 VS Code 的设置中添加以下配置来实现 HTML 不自动换行：

"html.format.wrapAttributes": "force-aligned"

这将强制属性对齐，从而避免自动换行。如果你使用 Prettier 进行代码格式化，则还需要添加以下配置：

"prettier.printWidth": 0,
"editor.wordWrap": "on"

这将禁用 Prettier 自动换行，并将编辑器的自动换行设置为“on”，以便在必要时自动换行。

注意：以上配置仅适用于 HTML 文件。如果你希望在其他类型的文件（如 CSS 或 JavaScript）中禁用自动换行，请按照类似的方式设置相应的配置。