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)
| |