企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
一旦应用程序由Ionic CLI创建,下一步就是开始构建功能和组件。该应用程序的大部分将在`src/app/`目录中开发。 ## [项目结构](https://ionicframework.com/docs/building/scaffolding#project-structure) 该`src/`目录包含`index.html`文件,测试配置文件,图像资产文件夹以及`app/`应用程序代码的主目录等项目。 该`src/app/`目录包含根应用程序组件和模块以及包含应用程序功能(如页面,组件,服务等)的其他目录。 ## [生成新功能](https://ionicframework.com/docs/building/scaffolding#generating-new-features) Ionic CLI可以生成新的应用程序功能[`ionic generate`](https://ionicframework.com/docs/cli/commands/generate)命令。通过`ionic generate`在命令行中运行,将显示一个选择提示,其中列出了可以生成的可用功能。 ![](https://box.kancloud.cn/669de038c6c198f899f6c7cc823bbca1_595x269.png) 选择完成后,Ionic CLI将提示输入名称。名称可以是路径,允许在有组织的项目结构中轻松生成功能。 > 允许任何级别的嵌套,例如`portfolio/intro`。例如,您可以使用简单的方法将组件范围限定为页面`ionic g component "portfolio/intro/About Me"`。 ![](https://box.kancloud.cn/5692e20d229de835b2c1f87ce0e94494_594x153.png) 或者,可以在命令行上输入`type`和`name`生成: ![](https://box.kancloud.cn/b9a94da3a0d02798b0f81a92ecabc35b_589x266.png) Ionic CLI使用底层框架工具来接近最佳实践。因为`@ionic/angular`,Angular CLI在引擎盖下使用。 在为新页面创建文件和目录后,CLI还将更新路由器配置以包含新页面。这减少了保持开发生命周期移动所需的手动工作量。 有关更多详细信息,请从命令行运行`ionic g --help`或查看[文件](https://ionicframework.com/docs/cli/commands/generate)对`ionic generate`。