要使用 Angular Schematics 创建 .ts 文件,需要按照以下步骤进行设置和操作:
npm install -g @angular/cli
npm install -g @schematics/angular
ng new my-project
cd my-project
schematics schematic my-schematic
cd my-schematic
collection.json
文件,并确保 schematics
属性中的 my-schematic
引用的是正确的文件路径:"schematics": {
"my-schematic": {
"factory": "./my-schematic/index#mySchematic",
"schema": "./my-schematic/schema.json"
}
}
index.ts
文件中添加以下代码:import { Rule, SchematicContext, Tree, url, apply, template, mergeWith } from '@angular-devkit/schematics';
import { strings } from '@angular-devkit/core';
export function mySchematic(options: any): Rule {
return (tree: Tree, context: SchematicContext) => {
const sourceTemplates = url('./files');
const sourceParametrizedTemplates = apply(sourceTemplates, [
template({
...strings,
...options
})
]);
return mergeWith(sourceParametrizedTemplates)(tree, context);
};
}
在 my-schematic
文件夹中创建一个名为 files
的文件夹,并在其中创建一个名为 __name@dasherize__.ts
的文件。
运行 Schematic:
ng generate my-schematic --name=example
这将创建一个名为 example.ts
的新文件。
请注意,my-schematic
文件夹和 collection.json
文件中的路径和名称应与您的实际设置相匹配。