ionic目录结构分析

hooks:
便宜cordova时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中。
node_modules:
node各类依赖包
resources:
android/ios资源(更换图标和启动动画)
src:
开发工作目录,页面、样式、脚本和图片都放在这个目录下
www:
静态文件
platforms:
生成android或者ios安装包路径(platforms\android\build\outputs\apk:apk所在位置)执行
1 | 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文件,设置主题信息
ionic3.x src文件目录分析

app.module.ts分析


ionic创建组件
1、cd到项目根目录
2、通过ionic g component 组件名称创建组件
3、创建完成组件以后会在src目录下多一个components的目录,这个目录里面有我们用命令创建的所有的组件


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


ionic3.x 创建页面以及页面跳转


