代码生成

Analog 支持使用 NX 生成器和 Angular 原理图自动生成代码。

NX 的 Analog 插件提供了一系列生成器帮助在 NX 的工作区里自动化一些高频任务，例如生成一个应用程序或者页面。要使用生成器，可以安装 Nx Console 扩展或者直接通过 NX CLI 手动调用：

使用应用生成器在 NX 工作区里创建一个新的 Analog 应用：

npx nx generate @analogjs/platform:app my-app

npx nx generate @analogjs/platform:page --pathname=index --project=analog-app

它同样支持指定 Analog 的文件，注意: 名字需要用单引号括起来，例如：

npx nx generate @analogjs/platform:page --pathname='(blog)' --project=analog-app

生成器同样支持子目录。

npx nx generate @analogjs/platform:page --pathname='products/[products]' --project=analog-app

Analog 提供了一系列原理图帮助在 Angular CLI 工作区自动化一些高频任务，例如生成应用程序或者页面，用 generate 命令可以使用这些原理图：

要在 Angular CLI 工作区生成一个新的 Analog 应用程序，使用 application 原理图：

npx ng generate @analogjs/platform:app my-app

npx ng g @analogjs/platform:page --pathname=index --project=/

它同样支持 Ananlog 特定的文件名，注意：名字必须用单引号括起来，例如：

npx ng g @analogjs/platform:page --pathname='(blog)' --project=/

生成器同样支持子目录。

npx ng g @analogjs/platform:page --pathname='products/[products]' --project=/