Angular 组件生成器

输入一个 kebab-case 名称,选择构件类型,即可得到对应的类名、文件名与骨架代码,方便快速起步。

构件参数 等待输入

名称建议使用 kebab-case,如 user-card。

生成结果
构件—
文件名—
类名—
状态—
填写名称后,点击“生成骨架”查看类名、文件名与骨架代码。

骨架为正则生成的模板,用于快速起步,非官方 CLI 替代品。

使用说明
  • 名称支持 kebab-case、snake_case 与空格,将统一转为大驼峰。
  • 选择器固定以 app- 前缀。
  • 文件名按构件类型生成对应后缀。
  • 骨架代码为通用模板,可按需修改。
  • 全部在浏览器本地生成。