VSCode如何强制HTML类属性内容超120字符时自动换行？

针对你的Flask+Tailwind CLI架构（无Node/npm依赖）场景，以下是两种可行的解决方法：

方法一：用VSCode内置HTML格式化工具 #

直接修改VSCode配置文件，强制类属性在超过120字符时换行：

1. 打开VSCode设置，点击右上角的{}图标切换到JSON编辑视图
2. 添加或更新以下配置项：

{
  // 强制属性换行
  "html.format.wrapAttributes": "force",
  // 设置换行阈值为120字符
  "html.format.wrapLineLength": 120,
  // 指定HTML文件使用内置格式化工具
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  }
}

保存配置后，选中HTML内容按Shift+Alt+F执行格式化，类属性就会自动在超过120字符时换行。

方法二：安装轻量扩展Wrap Attributes #

如果内置格式化效果不符合预期，可以安装无需Node依赖的Wrap Attributes扩展：

1. 在VSCode扩展市场搜索并安装Wrap Attributes（扩展ID：adamwalzer.wrap-attributes）
2. 打开settings.json，添加以下配置：

{
  // 设置换行阈值为120字符
  "wrapAttributes.wrapLineLength": 120,
  // 启用扩展的换行功能
  "wrapAttributes.enabled": true,
  // 指定HTML文件使用该扩展作为默认格式化工具
  "[html]": {
    "editor.defaultFormatter": "adamwalzer.wrap-attributes"
  }
}

配置完成后，执行格式化操作时，类属性会严格按照120字符的限制换行。

注意：如果之前安装了Prettier，需要确保它没有被设为HTML文件的默认格式化工具，否则会覆盖上述配置。

内容的提问来源于stack exchange，提问作者yomajo