ionic3目录结构
2017-12-09 10:10
141 查看
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 引入跳转页面
相关文章推荐
- Ionic目录结构
- ionic开发之优化目录结构
- Ionic 2 开发(一)_安装与目录结构
- Ionic3 创建应用后,目录结构
- IONIC--项目目录结构
- ionic插件基础(一)——插件的目录结构
- Ionic的项目结构-工程目录
- Ionic-wechat项目边开发边学(二):目录结构,header标签与路由
- Ionic 3 项目的工程目录结构
- ionic2 一.基础 (4)工程目录结构
- Ionic-wechat项目边开发边学(二):目录结构,header标签与路由
- Linux目录结构介绍
- [C#] 筛选复制文件并保持原有的目录结构
- 《Android Studio项目结构(一)——目录列表》
- Android 项目在Eclipse中的目录结构
- 创建文件夹,并能创建深层次的结构目录。
- android学习——android项目的的目录结构
- 每天一个linux命令(23):Linux 目录结构
- web项目部署时的标准目录结构
- (转)[Unity3D]关于Assets资源目录结构管理