ionic3目录结构
来源:互联网 发布:淘宝banner在线生成 编辑:程序博客网 时间:2024/06/07 14:59
hooks:编译 cordova 时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中
node_modules :node 各类依赖包
resources :android/ios 资源(更换图标和启动动画)
src:开发工作目录,页面、样式、脚本和图片都放在这个目录下
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
src 工作目录:
app:应用根目录
assets:资源目录(静态文件(图片,js 框架。。。)
pages:页面文件,放置编写的页面文件,包括:html,scss,ts。
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 引入跳转页面
- ionic3目录结构
- ionic3
- Ionic3学习笔记(一)安装、项目结构与常用命令
- 目录结构
- 目录结构
- 目录结构
- 目录结构
- 目录结构
- 目录结构
- 目录结构
- 目录结构
- ionic3 自定义插件的开发和调用(包含jar包调用,文件结构详解)
- Ionic3入门
- Ionic3 Tips
- Ionic3 Demo
- JavaWeb项目结构 目录结构
- ACE目录结构介绍
- MySQL数据目录结构
- (一)Jvm运行时数据区
- 选择排序
- 汽车SMT保险丝不会爆炸---凯利讯半导体
- rewrite方法-1
- 插入排序
- ionic3目录结构
- Python中PILImage和Python转化
- Python Function 函数
- 解决Jetbrains旗下产品的插件下载失败问题(IntelliJ IDEA、RubyMine、WebStorm、PhpStorm、PyCharm、AppCode、Android Studio等)
- 学习笔记:信息检索(0) 导论
- java类自定义实现类排序实现(Comparable或者额外类实现Comparator)
- HTML基本内容总结
- rewrite方法--2
- WebService之JAX-WS注解描述