Document

HTML-CSS-Class-Completion 项目常见问题解决方案

HTML-CSS-Class-Completion :chocolate_bar: Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace 项目地址: https://gitcode.com/gh_mirrors/ht/HTML-CSS-Class-Completion

项目基础介绍和主要编程语言

HTML-CSS-Class-Completion 是一个 Visual Studio Code 扩展，旨在为 HTML 的 class 属性提供 CSS 类名自动补全功能。该项目的主要编程语言是 JavaScript，它利用了 Visual Studio Code 的扩展 API 来实现这一功能。该扩展通过扫描工作区中的 CSS 文件或通过 link 元素引用的外部样式表，自动生成并提供类名补全建议。

新手使用项目时需要注意的3个问题及详细解决步骤

问题1：扩展安装后无法正常工作

解决步骤：

1. 检查扩展是否正确安装： 确保在 Visual Studio Code 的扩展市场中正确安装了 HTML-CSS-Class-Completion 扩展。
2. 重启 Visual Studio Code： 有时扩展需要重启编辑器才能正常工作，尝试关闭并重新打开 Visual Studio Code。
3. 检查工作区设置： 确保你的项目工作区中有 CSS 文件，并且这些文件被正确引用。如果没有 CSS 文件，扩展将无法提供补全建议。

问题2：自动补全建议不完整或不准确

解决步骤：

1. 更新扩展： 确保你使用的是最新版本的扩展。开发者会定期发布更新来修复问题和改进功能。
2. 手动刷新缓存： 扩展提供了一个命令来手动刷新类名缓存。你可以通过按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）打开命令面板，然后输入 HTML-CSS-Class-Completion: Refresh Cache 并执行该命令。
3. 检查 CSS 文件路径： 确保 CSS 文件的路径正确，并且没有被错误地排除在缓存过程之外。你可以在设置中调整文件和文件夹的包含/排除规则。

问题3：支持的语言模式不完整

解决步骤：

1. 检查支持的语言模式： 扩展支持多种语言模式，如 HTML、Razor、PHP、JavaScript React (JSX) 等。确保你使用的语言模式在支持列表中。
2. 手动添加语言模式： 如果你使用的语言模式不在默认支持列表中，可以在设置中手动添加。打开 Visual Studio Code 的设置（Ctrl+, 或 Cmd+,），找到 html-css-class-completion.HTMLLanguages 设置项，并添加你需要的语言模式。
3. 扩展其他语言支持： 如果你发现某些语言模式不支持，可以考虑在项目的 GitHub 仓库中提交问题或贡献代码，帮助扩展支持更多的语言模式。

通过以上步骤，新手用户可以更好地理解和使用 HTML-CSS-Class-Completion 扩展，解决常见问题并提高开发效率。

HTML-CSS-Class-Completion :chocolate_bar: Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace 项目地址: https://gitcode.com/gh_mirrors/ht/HTML-CSS-Class-Completion