您的位置:首页 > 其它

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 引入跳转页面

              
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息