ionic3目录结构

hooks:编译 cordova 时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中

node_modules node 各类依赖包

resources android/ios 资源(更换图标和启动动画)

src:开发工作目录,页面、样式、脚本和图片都放在这个目录下

www:静态文件

platforms:生成 android 或者 ios 安装包路径(platforms\android\build\outputs\apkapk所在位置)执行cordova platform add android 后会生成

plugins插件文件夹,里面放置各种 cordova 安装的插件 config.xml: 打包成 app 的配置文件 package.json: 配置项目的元数据和管理项目所需要的依赖

tsconfig.json: TypeScript 项目的根目录,指定用来编译这个项目的根文件和编译选项tslint.json:格式化和校验 typescript

src 工作目录:


app应用根目录

assets资源目录(静态文件(图片,js 框架。。。)

pages页面文件,放置编写的页面文件,包括:htmlscssts

theme主题文件,里面有一个 scss 文件,设置主题信息。


app.module.ts分析




二.创建组件

1.cd 到我们的项目目录

2.通过 ionic g component 组件名称  来创建组件

3.创建完成后src目录下多一个component的目录,这个目录里面有我们用命令创建的所有的组件


4.如果要使用这些组件就必须要在app.module.ts里注册我们的模块,注册完成后就可以在pages里面的其他页面使用这些组件



三.创建页面以及页面跳转

A.创建页面:

1.创建页面: ionic g page 页面名称

2.在app.module.ts注册

B.页面跳转:

在需要跳转的页面的html使用点击方法:

在需要跳转的页面的.ts 引入跳转页面

              

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值