angular-schematics について
Angular Schematics でコードジェネレーターを作る開発者向けのリファレンスです。schematic のルールや、Angular Schematics API を使ったテンプレートベースのファイル生成を扱います。
主な機能
- 01schematic とルールの作成
- 02テンプレートからファイルを生成
- 03テンプレートソースの適用と移動
活用シーン
- 01カスタム Angular コードジェネレーターの構築
- 02オプションとテンプレートからファイルを作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ oguzhan18/ angular-ecosystem-skills --skill angular-schematicsインストール後、Claude Code で/angular-schematicsを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/discussions/_INDEX.mdreferences/docs/_INDEX.mdreferences/issues/_INDEX.mdreferences/releases/_INDEX.md詳細
Angular Schematics
バージョン: Angular 21(2025) タグ: Schematics、ジェネレーター、CLI、コード生成
参考資料: Schematics ガイド • @schematics/angular
ベストプラクティス
- schematic を作成する
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 対応