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