Comp Hub 组件脚手架

要解决什么问题

在 comp-hub 上发布业务组件，不仅要写 index.vue，还要对齐平台的目录约定、双预览 Demo、README 标题校验和 comp.json 元数据。手写时容易漏掉 mini 与 full 预览的差异（固定尺寸 + 缩放 API vs 100% 继承）、main.js 在 Vue 3 下通过 Vue.app 注册 UI 库的方式，或 README 标题里混入平台禁止字符导致上传失败。

技能如何工作

本技能按官方规范 生成一整套可上传的组件骨架，典型流程包括：

1. 确认 全局唯一 的组件名（建议 公司-业务域-组件名 前缀命名，仅字母、数字、-、_）
2. 创建标准目录，生成入口 index.vue（自包含，import 声明依赖即可）
3. 生成 demo/mini.vue：固定内容尺寸（如 320×240），使用 $getScaleStyle / $onScaleChange 做 contain 等缩放居中（仅预览环境存在，需判空）
4. 生成 demo/full.vue（或 demo/full/ 多文件）：width/height: 100%，不调用缩放 API
5. 生成符合标题规则的 README.md（属性、事件、示例、依赖、更新日志）与 comp.json（name、version，语义化版本）
6. 若需 Element 等 UI 框架，生成 main.js（Vue 2 用 Vue.use；Vue 3 用 Vue.app.use）

资源引用须用 相对路径；第三方依赖无需打进组件包，平台会扫描 import 并按主版本匹配（Vue 2/3 不互通）。

适用边界与注意点

• 重复组件名会被平台识别，难以进入推荐/热门/最新列表；更新时改代码并 升版本号 重新上传即可，历史版本仍保留。
• mini 面板应 订阅优于轮询，在 beforeDestroy / onBeforeUnmount 里取消 $onScaleChange 订阅，避免泄漏。
• README 标题不能以数字开头，且禁止 #、反引号及大量标点；这是上传硬约束，生成时必须遵守。