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

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

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

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

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

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

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

相关问题

VScode格式化vue文件HTML代码保持标签属性不换行

你可以在VS Code中使用Prettier插件来格式化Vue文件的HTML代码并保持标签属性不换行。

首先，安装Prettier插件。在VS Code中打开扩展面板（Ctrl+Shift+X），搜索Prettier并安装。

然后，打开设置（Ctrl+,）并搜索"prettier"，找到"HTML Format: Wrap Attributes"选项，并将其设置为"preserve"。这将保持HTML标签属性不换行。

最后，按下快捷键"Shift+Alt+F"格式化Vue文件的HTML代码。标签属性将被保持在同一行上。

注意：这种方法只适用于使用Prettier格式化的HTML代码。如果你使用其他格式化工具或手动格式化代码，则可能需要进行其他配置。