honey-css-modules 的项目扩展与二次开发

项目的基础介绍

honey-css-modules（以下简称css-modules-kit）是一个开源项目，旨在提高 CSS Modules 在编辑器中的语言特性支持。它通过扩展 TypeScript 语言服务器（tsserver）的功能，使得开发者在使用 CSS Modules 时能够享受到代码导航、重命名重构等语言特性。此外，它还提供了 Stylelint 插件和生成 .d.ts 文件的工具，进一步增强了 CSS Modules 的开发体验。

项目的核心功能

• 代码导航：支持从组件文件跳转到对应的 CSS Module 文件定义。
• 重命名重构：重命名 CSS 类名或 @value 时，对应的 CSS Module 文件也会同步更新。
• 查找所有引用：在编辑器中查找 CSS 类名的所有引用位置。
• 定义预览：通过鼠标悬停预览 CSS 类名的定义。
• 自动更新导入语句：移动 .module.css 文件时，自动更新相关的导入语句。
• 创建 CSS Module 文件：如果当前文件没有对应的 CSS Module 文件，将自动创建一个。
• 智能完成：在项目中使用 CSS Modules 时，自动完成 className={styles.xxx} 而不是 className="..."。
• 优先导入：在请求 styles 完成时，优先显示当前组件文件对应的 CSS Module 文件。
• 添加缺失的 CSS 规则：如果尝试使用未定义的类名，可以通过快速修复添加它。

项目使用了哪些框架或库？

• TypeScript：项目的主要语言，用于扩展语言服务器功能。
• Rust：在部分模块中使用，用于性能优化。
• Stylelint：用于 CSS 代码的格式化和校验。
• 其他：可能还包括一些其他的 JavaScript 工具库，用于辅助开发。

项目的代码目录及介绍

项目的主要目录结构如下：

• crates/：Rust 相关的代码模块。
• docs/：项目文档。
• example/：示例代码和项目。
• packages/：项目的 NPM 包结构。
• .github/：GitHub 工作流和配置文件。
• src/：TypeScript 源代码。
• test/：测试代码和文件。

对项目进行扩展或者二次开发的方向

1. 增强语言支持：可以扩展更多的语言特性，如代码片段（Snippets）、模板（Templates）等。
2. 跨编辑器支持：目前项目主要支持 VS Code，可以扩展到其他编辑器，如 WebStorm、Atom 等。
3. 集成其他工具：可以集成更多的 CSS 处理工具，如 PostCSS、Sass 等。
4. 优化性能：针对大型项目，优化项目的性能，特别是在处理大量文件和复杂项目结构时。
5. 增加自定义配置项：允许用户更灵活地配置项目的各种选项，以满足不同项目的需求。