前提:需要有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的使用。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。