SCSS Everywhere：前端开发者的必备工具

SCSS Everywhere 是一款专为前端开发者设计的全能工具，旨在提升您的开发效率和体验。无论您是使用HTML、SCSS、SASS还是其他多种文件类型，本工具都能为您提供无缝的支持和强大的功能。

核心功能：

• 自动补全： 自动识别并补全工作区内定义的CSS类，无论是在CSS文件中还是在支持的语言模式文件中。
• 支持外部样式表： 通过HTML文件中的link元素，解析并支持外部样式表。
• 手动缓存： 提供命令手动重新缓存类定义，确保最新内容即时更新。
• 用户设置： 灵活配置，用户可以定义哪些文件夹和文件应被纳入或排除在缓存过程中。
• 增量构建： 无需每次都重新缓存，仅对更改部分进行增量更新，提升开发效率。
• 多模板支持： 支持Slim、Haml、Smarty、Eex和Svelte等多种模板语言。
• 双向SCSS支持： 支持从CSS/SCSS到HTML等文件的双向解析。
• 远程样式表解析： 自动解析HTML、Svelte、Twig、Slim和ERB文件中的远程样式表链接。

支持的语言模式：

• HTML、Razor、PHP、Laravel (Blade)、JavaScript、JavaScript React、TypeScript React、Vue、Twig、Smarty、Slim、Haml、Latte、Svelte、Liquid、Elixir HTML、Markdown、Embedded Ruby、Handlebars、EJS等。

特色支持：

• 支持Tailwind CSS的"@apply"指令。
• 在TypeScript React、JavaScript和JavaScript React中支持"className"和"class"属性。
• 支持Emmet缩写，通过输入"."触发（默认关闭，可通过用户设置启用）。

增量构建：

引入增量构建功能，避免了每次都需要重新缓存整个工作区的问题，显著降低了CPU使用率和开发时间延迟。初次打开VSCode工作区时会进行初始扫描，之后的更改将即时反映到缓存中。

贡献与反馈：

您可以在GitHub上的项目仓库中请求新功能或参与扩展开发。选择您感兴趣的问题，评论并告知您正在处理它，然后提交您的拉取请求。

使用方法：

如果您的工作区中有HTML或JS文件，扩展将自动启动并查找CSS类定义。如果添加了新的CSS类或文件，并希望获得它们的自动补全功能，只需点击状态栏上的闪电图标，或通过Ctrl Shift P（Mac上为Cmd Shift P）执行"Cache CSS class definitions"命令。

用户设置：

扩展支持多种用户设置，修改这些设置后，缓存过程将自动重新执行。您可以配置包含和排除的文件夹和文件，以及启用远程样式表解析等功能。

SCSS Everywhere 不仅提升了前端开发的效率，还为开发者提供了灵活的配置和强大的功能支持，是您开发工作中的得力助手。