htmlToScss

简化手写Scss结构

✅ 版本要求

该扩展需要 VSCode 1.87.0 或更高版本才能使用。

如果可以，请将 VSCode 更新到最新版本。

✅ 使用方法

• 步骤1：选中完整的HTML结构。
• 步骤2：右键点击htmlToScss。
• 步骤3：手动复制并粘贴弹出消息框中转换的Scss代码。

• 说明：cv粘贴未格式化，请安装格式化代码插件，如：Prettier等。

✅ 配置选项

为了避免Scss多层嵌套时发生类名冲突，请使用英文逗号分隔类名。打开settings.json文件，添加以下配置：

  // htmltoscss配置
  "htmlToScss.config": {
    "FIXED_CLASS_ARR": "hd,bd,tt,item,box" // 防冲突类数组
  }

✅ 更新历史

• 1.2.2: 更新readme文档（2025-03-31）
• 1.2.1: 更新readme文档（2025-03-21）
• 1.1.0: 添加vue文件转换功能（2025-03-20）
• 1.0.2: 更新插件描述（2025-03-15）
• 1.0.1: 正式版发布（2025-03-05）
• 0.0.2: 优化转换算法（2025-02-25）
• 0.0.1: 初始版本（2025-02-21）