ionic小白的学习路之目录结构分析、创建组件、创建页面、页面跳转

一、 目录结构分析 hooks：编译cordova 时自定义的脚本命令，方便整合到我们的编译系统和版本控制系统中。

转载    目录分析：https://blog.csdn.net/qq_39268193/article/details/87857267

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