mcpField
A
angular-schematics

angular-schematics

github.com/oguzhan18开发7184 次安装31 周前更新
代码仓库

关于 angular-schematics

面向构建 Angular Schematics 的开发者参考，介绍如何创建代码生成器。内容涵盖 schematic 规则，以及使用 Angular Schematics API 基于模板生成文件。

主要功能

  1. 01创建 schematic 和规则
  2. 02基于模板生成文件
  3. 03应用并移动模板源

适用场景

  1. 01构建自定义 Angular 代码生成器
  2. 02根据选项和模板创建文件

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-schematics

安装后在 Claude Code 中输入/angular-schematics确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/discussions/
_INDEX.md
references/docs/
_INDEX.md
references/issues/
_INDEX.md
references/releases/
_INDEX.md

详细介绍

Angular 原理图

版本： Angular 21（2025） 标签： 原理图、生成器、CLI、代码生成

参考： 原理图指南 • @schematics/angular

最佳实践

  • 创建原理图
npm install -g @angular-devkit/schematics-cli
schematics schematics .:my-schematic
  • 创建规则
import { Rule, SchematicContext, Tree } from '@angular-devkit/schematics';

export function myScheme(options: any): Rule {
  return (tree: Tree, context: SchematicContext) => {
    tree.create(options.path + '/file.ts', 'content');
    return tree;
  };
}
  • 使用模板
import { apply, url, template } from '@angular-devkit/schematics';

export function myScheme(options: any): Rule {
  const templateSource = apply(url('./files'), [
    template({ ...options }),
    move(options.path)
  ]);
  return chain([mergeWith(templateSource)]);
}

评论

支持 Markdown