一旦应用程序由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`在命令行中运行,将显示一个选择提示,其中列出了可以生成的可用功能。

选择完成后,Ionic CLI将提示输入名称。名称可以是路径,允许在有组织的项目结构中轻松生成功能。
> 允许任何级别的嵌套,例如`portfolio/intro`。例如,您可以使用简单的方法将组件范围限定为页面`ionic g component "portfolio/intro/About Me"`。

或者,可以在命令行上输入`type`和`name`生成:

Ionic CLI使用底层框架工具来接近最佳实践。因为`@ionic/angular`,Angular CLI在引擎盖下使用。
在为新页面创建文件和目录后,CLI还将更新路由器配置以包含新页面。这减少了保持开发生命周期移动所需的手动工作量。
有关更多详细信息,请从命令行运行`ionic g --help`或查看[文件](https://ionicframework.com/docs/cli/commands/generate)对`ionic generate`。
- 入门
- 介绍
- 什么是Ionic Framework?
- 核心概念
- 浏览器支持
- 版本
- 支持
- 安装
- CLI安装
- 程序包和CDN
- 环境设置
- iOS安装
- Android安装
- 建造项目
- 开始
- 创建
- 项目迁移
- 跨平台
- 运行概述
- 在iOS上运行
- 在Android上运行
- 测试
- 做出贡献的
- web视图
- ionic存储
- 布局
- 结构体
- 响应式网格
- CSS实用工具
- 主题化
- 基本
- 平台样式
- CSS变量
- 高级
- 导航
- Angular
- 编译和发布
- 渐进式Web应用程序
- iOS App Store
- Android Play商店
- PC桌面应用程序
- 常问问题
- 名词解释
- 构建错误 Build Errors
- 运行时错误 Runtime Errors
- 本机错误 Native Errors
- 开发人员提示 Developer Tips
- 更多资源
- 书籍
- 课程
- 实战项目
- 帖子
- 工具
- 视频
- UI组件
- 弹出式菜单 ion-action-sheet
- 弹出菜单控制器 ion-action-sheet-controller
- 弹出式菜单 ion-action-sheet
- 弹出警告 ion-alert
- 弹出警告控制器 ion-alert-controller
- 命令行 CLI
- 原生API
