更新记录

0.0.2（2026-05-21） 下载此版本

1. 支持整段 template 生成样式结构：未选中内容时，会自动读取当前文件的 <template> 内容。
2. 支持局部生成：选中一段 template 后，只基于选区生成样式结构。
3. 支持插入已有 style：优先写入当前文件已有的 style 标签，不再简单追加到文件末尾。
4. 支持智能合并已有样式结构：已存在的选择器不会重复生成，缺失的子选择器会尽量合并到已有父选择器内。
5. 保守保护已有代码：不会删除、重排或覆盖已有样式声明、变量、注释、mixin 和 at-rule。
6. 支持多个 style 标签选择：当文件中存在多个 style 标签时，可选择插入目标。
7. 支持自动创建 style：没有 style 标签时，会按默认配置创建新的样式块。
8. 支持自动识别已有 style lang：已有 less/scss 样式块会沿用当前语言。
9. 支持 scoped 识别和默认配置：已有 scoped 会保留，新建样式块可按配置生成。
10. 支持格式化输出：生成内容是带缩进和换行的树形结构。
11. 支持写入后自动格式化：插入或合并完成后会触发 HBuilderX 的代码格式化。
12. 支持静态 class 和 id 提取。
13. 支持 class="a b" 多 class 拆分。
14. 支持动态 :class、:id 常见写法中的字符串候选值提取。
15. 支持 v-bind:class 和 v-bind:id。
16. 支持 id 选择器嵌套生成。
17. 支持可选标签选择器生成。
18. 支持重复选择器去重。
19. 支持“复制 template 样式结构”辅助命令，不写入文件也能拿到生成结果。
20. 成功生成后不弹右下角提示，减少打扰；错误和警告会按类型提示。
21. 菜单只在 Vue/NVue 编辑器中显示，减少无关文件误触。

0.0.1（2023-11-29） 下载此版本

基础功能完成

平台兼容性

HBuilderX插件通用注意事项

HBuilderX-2.7.12以下版本安装插件市场内的插件后，卸载时需手动卸载，详细教程参考：如何手动卸载插件

template2css

template2css 是一个 HBuilderX 插件，用于在 Vue/NVue 文件中根据 template 快速生成 scss/less 样式结构。

亮点功能

1. 支持整段 template 生成样式结构：未选中内容时，会自动读取当前文件的 <template> 内容。
2. 支持局部生成：选中一段 template 后，只基于选区生成样式结构。
3. 支持插入已有 style：优先写入当前文件已有的 style 标签，不再简单追加到文件末尾。
4. 支持智能合并已有样式结构：已存在的选择器不会重复生成，缺失的子选择器会尽量合并到已有父选择器内。
5. 保守保护已有代码：不会删除、重排或覆盖已有样式声明、变量、注释、mixin 和 at-rule。
6. 支持多个 style 标签选择：当文件中存在多个 style 标签时，可选择插入目标。
7. 支持自动创建 style：没有 style 标签时，会按默认配置创建新的样式块。
8. 支持自动识别已有 style lang：已有 less/scss 样式块会沿用当前语言。
9. 支持 scoped 识别和默认配置：已有 scoped 会保留，新建样式块可按配置生成。
10. 支持格式化输出：生成内容是带缩进和换行的树形结构。
11. 支持写入后自动格式化：插入或合并完成后会触发 HBuilderX 的代码格式化。
12. 支持静态 class 和 id 提取。
13. 支持 class="a b" 多 class 拆分。
14. 支持动态 :class、:id 常见写法中的字符串候选值提取。
15. 支持 v-bind:class 和 v-bind:id。
16. 支持 id 选择器嵌套生成。
17. 支持可选标签选择器生成。
18. 支持重复选择器去重。
19. 支持“复制 template 样式结构”辅助命令，不写入文件也能拿到生成结果。
20. 成功生成后不弹右下角提示，减少打扰；错误和警告会按类型提示。
21. 菜单只在 Vue/NVue 编辑器中显示，减少无关文件误触。

使用方法

1. 打开 .vue 或 .nvue 文件。
2. 如需局部生成，先选中 template 片段；如需整段生成，不选中内容即可。
3. 右键选择“从 template 生成样式结构”。
4. 如果当前文件存在多个 style 标签，选择目标样式块。
5. 插件会自动插入或合并样式结构，并触发格式化。

辅助命令

• “复制 template 样式结构”：只生成并复制样式结构到剪贴板，不修改当前文件。

插件配置

可在 HBuilderX 插件配置中调整：

1. 默认样式语言：scss 或 less
2. 新建样式块时是否默认生成 scoped
3. 是否生成 id 选择器
4. 是否生成标签选择器