一、 目录结构分析 hooks：编译cordova 时自定义的脚本命令，方便整合到我们的编译系统和版本控制系统中。 node_modules ：node 各类依赖包。 resources ：android/ios 资源（更换图标和启动动画）。 src：开发工作目录，页面、样式、脚本和图片都放在这个目录下（这个应该是比较重要的个人觉得） src下的目录： ·app：应用根目录 ·app.component.ts 根组件 ·app.module.ts 根模块 告诉ionic如何组装应用。 ·main.ts 入口文件 ·assets：资源目录（静态文件（图片，js 框架。。。）各 ·pages：页面文件，放置编写的页面文件，包括：html，scss，ts。 ·about,contract,home 统称为组件 也可叫做页面 ·tabs配置地步tab切换 ·theme：主题文件，里面有一个scss 文件，设置主题信息。 www：静态文件。 platforms（平台）：生成android 或者ios 安装包路径（ platforms\android\build\outputs\apk：apk 所在位置）执行cordova platform add android 后会生成。 plugins（插件）：插件文件夹，里面放置各种cordova 安装的插件。 config.xml: 打包成app 的配置文件 package.json: 配置项目的元数据和管理项目所需要的依赖 tsconfig.json: TypeScript 项目的根目录，指定用来编译这个项目的根文件和编译选项 tslint.json：格式化和校验typescript 二、创建组件 1、cd 到我们的项目目录 2、通过ionic g component 组件名称创建组件 3、创建完成组件以后会在src 目录下面多一个components 的目录，这个目录里面有我们用命令创建的所有的组件。 4、如果我们要使用这些组件必须在app.module.ts 里面注册我们的模块，注册完成后就可以在pages 里面的其页面里面使用这些组件。 三、ionic创建页面及页面跳转 1、cd到我们的项目目录 2、通过 ionic g page页面名称 。 详见： http://www.ionic.wang/article-index-id-146.html