跳至主要內容
版本:v8

ionic generate

建立頁面、元件和 Angular 功能

$ ionic generate [schematic] [name]

使用 Ionic Generate 自動建立框架功能。此命令使用 Angular CLI 來產生 pagescomponentsdirectivesservices 等功能。

  • 如需可用類型的完整清單,請使用 npx ng g --help
  • 如需類型選項的清單,請使用 npx ng g <type> --help

您可以指定路徑,將您的功能巢狀放置在任意數量的子目錄中。例如,指定名稱為 "pages/New Page",以在 src/app/pages/new-page/ 產生頁面檔案。

若要在進行檔案修改之前測試產生器,請使用 --dry-run 選項。

schematic

功能類型(例如 pagecomponentdirectiveservice

name

要產生之功能的名稱/路徑

範例

$ ionic generate 
$ ionic generate page
$ ionic generate page contact
$ ionic generate component contact/form
$ ionic generate component login-form --change-detection=OnPush
$ ionic generate directive ripple --skip-import
$ ionic generate service api/user