VSCode中HTML CSS Support插件不显示Bootstrap属性提示求助

• 确认Bootstrap样式文件已正确引入
  确保你的HTML文件里用<link>标签正确引入了Bootstrap的CSS文件，本地文件或CDN链接都行。比如：

  <link rel="stylesheet" href="bootstrap.min.css">
  <!-- 或者用CDN -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
  

  插件得能识别到Bootstrap的样式文件，才能提取类名做提示。

• 配置插件的css.styleSheets选项
  按Ctrl+,打开VSCode设置，搜索HTML CSS Support: Style Sheets，点编辑 in settings.json，手动添加Bootstrap CSS文件的路径。本地文件要写对路径，示例：

  "css.styleSheets": [
    "./bootstrap.min.css",
    // 也可以填CDN地址
    "https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
  ]
  

  这样插件会主动加载指定样式文件来生成提示。

• 检查插件状态与冲突

  1. 打开扩展面板，确认HTML CSS Support是启用状态，没被禁用。
  2. 暂时关掉其他HTML/CSS相关插件（比如IntelliSense for CSS class names这类），重启VSCode再测试。

• 验证工作区与全局设置
  有些工作区的本地设置会覆盖全局设置，检查工作区里的.vscode/settings.json文件，确保没改动css.styleSheets或相关配置。

• 清除VSCode缓存
  关掉VSCode，找到对应路径删除缓存文件夹：

  • Windows: %APPDATA%\Code\Cache 和 %APPDATA%\Code\CachedData
  • macOS: ~/Library/Application Support/Code/Cache 和 ~/Library/Application Support/Code/CachedData
  • Linux: ~/.config/Code/Cache 和 ~/.config/Code/CachedData
    重新打开VSCode再试。

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