undefined

ionic学习之结构分析以及组件使用

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 创建页面以及页面跳转

觉得本站不错,请作者吃根辣条