现在的工作常常在写小程序，写小程序页面的过程是：

页面骨架结构 >> 填充class属性 >> 在css文件中创建对应的class结构 >> 开始调试样式 >> css样式填充css文件

而这块插件省下了最中间的步骤，不需要将定义好的class属性再一个个复制到css文件。

比如Html文件中有这么些class：

现在可以通过该插件一键生成：

GIF图示

插件图示：

Features

在插件支持的文件中，单击右键->选择HtmlFindClass。如若选中的文件格式正确，则会在选中文件的所在目录输出一个以"文件名+.css"的文件，右下角会提示生成文件的路径。这样就省去了单独拷贝class样式的时间。

目前支持的文件格式有：html、vue、wxml。

在哪可以找到？

在VS code中，选择插件，输入“htmlfind”便可找到，安装重启即可。