eCSStractor for VSCode README

eCSStractor for VSCode是一款专为前端开发者设计的Visual Studio Code插件，旨在从HTML文档中高效提取类名，并自动生成相应的CSS样式表，帮助您快速开始后续的工作。

使用方法

打开包含HTML的任何文档，并执行以下操作之一：

• 在Mac OS X上按Cmd Shift P，或在Windows/Linux上按Ctrl Shift P，启动命令面板并选择：
  • eCSStractor Run
  • eCSStractor Run (With BEM Nesting)
  • eCSStractor Run (With BEM Nesting and comments)
  • eCSStractor Run (Without BEM Nesting)
• 右键点击并选择eCSStractor Run

随后，您将看到一个新标签页，其中包含从文档中提取的CSS选择器，或者根据设置将它们复制到剪贴板。

插件可以处理选中的文本或整个文件。

设置选项

• Brackets - 添加括号。对Sass语法和Stylus有用
• Brackets newline after - 在括号后添加新行
• Destination - 结果放置的位置（"tab"或"clipboard"）
• Bem nesting - BEM嵌套。为预处理器生成嵌套样式表
• Indentation - 缩进符号
• Element separator - 块与元素名称之间的分隔符
• Modifier separator - 块或元素与其修饰符之间的分隔符
• Parent symbol - 父符号。例如：&__element {}
• Empty line before nested selector - 在嵌套的元素/修饰符前添加空行
• Add comment - 为预处理器的嵌套样式表添加注释
• Comment style - 注释样式。可以是CSS (/ /) 或 SCSS (//)

注意事项

• 移植自Sublime Text的eCSStractor
• 扩展图标来自iconfinder.com