ionic 初学者引导(一)

ForEachkaka 2019-06-30

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

1. 需要的环境和相关配置(官网DEVELOPER RESOURCES也有)

mac请看 https://www.cnblogs.com/zhu-l...
windows https://blog.csdn.net/gucheng...
版本不需要保持一致,具体的步骤是差不多的

2. ionic官网区域讲解

这个区域和左侧菜单基本一致,我们开发过程中最经常访问的是UI ComponentsAPIIonic

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的使用。

相关推荐