Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>autoclassNew to Visual Studio Code? Get it now.
autoclass

autoclass

hangbale

|
488 installs
| (0) | Free
根据HTML自动生成SASS,LESS代码auto generate hierarchy css class from the html
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

层级化css class生成工具

根据html代码中的class,自动生成层级式class的css代码

generate less or sass code from html snippets

适用范围

  • 包含template的vue文件
  • html文件
  • 其他包含html代码段的文件

使用方式

vue文件

  • 打开vue文件,右键菜单选择 autoclass
  • 插件会自动根据template标签中的html代码生成对应的css代码,并自动拷贝到粘贴板中
  • 自行粘贴至样式文件中

选中的HTML代码片段

  • 用户选中html代码片段,右键菜单选择 autoclass
  • 插件会自动根据template标签中的html代码生成对应的css代码,并自动拷贝到粘贴板中
  • 自行粘贴至样式文件中

使用说明

  • 生成的css的层级会限制最多三层
  • 目前暂未对class做去重处理,生成的class可能有很多重复的,需自行选择删除

TODO

  • [ ] class去重

Q&A

欢迎反馈至 QQ: 571312070

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft