乐趣区

ionic 初学者引导(一)

前提:需要有 angular 基础。讲解的内容为 ionic3 版本。官网有一个相关的开发资源,就在首页目录 DEVELOPER RESOURCES

1. 需要的环境和相关配置(官网 DEVELOPER RESOURCES 也有)
mac 请看 https://www.cnblogs.com/zhu-l…windows https://blog.csdn.net/gucheng… 版本不需要保持一致,具体的步骤是差不多的
2. ionic 官网区域讲解
这个区域和左侧菜单基本一致,我们开发过程中最经常访问的是 UI Components,API,Ionic

Introduction 点进去按照命令,初始化一个 ionic 项目。一个基本可运行 ionic 项目可以运行起来

UI Components 这个就是一些组件。包含一些 alert,checkbox 等通用组件, 点进去可以看到,组件列表

API 这里的 api 是一些组件更详细的信息,有这个组件的属性和方法等。比如 button 在 api 中会把它的一些属性都列出来(这些属性可以改变我们按钮的显示形式),在阅读 component 的时候可能有时候觉得这上面的 demo 不能满足我们的需求,一般在相关组件介绍最后有一个 Check out the API docs 可以导航到相应的 API 页面

Ionic Native 这个就是和设备有关的插件。比如蓝牙,相机,相册;使用场景:当我们需要操作和设备有关功能的时候一般就要点进去找了,比如需要保存文件、拍照、打开相册、打开文件等等。(这个需要打包后在模拟器或真机上测试)

Theming ionic 提供的一些便捷的页面样式设置方法。比如:左对齐,居中,app 的主题颜色设置,平台风格设置,覆盖默认组件样式的方法等等

IonIcons 一些 ionic 的 icons

CLI ionic 相关的命令

FAQ 关于 ionic 的一些问题的解决方法。在我们遇到一些奇怪的问题的时候,可以来这边查查。(之前有遇到一次 ios 点击两次有效的问题,这边就有答案)

Forum 论坛。

相关介绍差不多了,接下来以一个简单的 demo 来讲解 ionic 的使用。

退出移动版