學習本教程前你需要了解以下內容：
基礎知識儲備
前端基本知識（HTML5、JavaScript比較少、CSS、SASS）
TypeScript
Angular4.0
- 什么是 ionic？
答：Ionic框架是一個開放源碼SDK，使開發人員能夠使用熟悉的網絡技術（HTML，CSS和JavaScript）來構建高性能，高質量的移動應用程序。ionic通俗點說就是一款移動端框架。利用前端知識對移動端進行開發。
官方解釋ionic
2.ionic3、Angular、TypeScript簡單介紹？
答：在ionic1.0本的時候，那個時候angular也是1.0,并且是支持javascript的編寫的。但是當angular升級為2.0之后，angular開發語言編程TypeScript微軟的面向對象的語言，所以ionic也進行相應的升級。就到了目前的ionic3.當然升級的原因的話就是因為性能的提升，開發的難易程度，前端思想等等。目前Angular到了4.0以上版本，在我寫這些文字的時候，看到說在十月份將會升級到5.0，但是這些都不是重要的事情，因為Angular是沒有3.0版本的，2.0直接到了4.0，然后即將5.0都將會是對2.0的性能升級和bug修復等等，不會有重大的變化。所以不會angular的童鞋們，直接上手干4.0起步ok?我覺得只需要知道：ionic是編寫移動端框架,使用了Augular作為腳手架，Angular又已TypeScript作為編寫語言。
- Cordova簡單介紹哈？
答：Cordova構建和部署為本機應用程序。說白了就是將ionic打包成可以在手機上使用的工具而已。
Ionic部分
第一部分：環境準備
- 安裝Nodejs6.0以上版本，安裝到本地電腦，配置完成。安裝完成之后在window的dos命令行中就有npm命令,該命令式和Nodejs一同安裝的。
查看版本
- node -v
- npm -version
2.Ionic應用程序主要通過Ionic命令行實用程序（“CLI”）創建和開發，并使用Cordova構建和部署為本機應用程序。安裝ionic/cordova,使用 npm install -g ionic cordova 全局安裝（-g參數）ionic cordova，值得注意的是mac上可能需要獲取管理員的資格才行。
查看版本：
ionic -v
cordova -v
以上都能正確的顯示版本信息，那么基本上就說明環境沒有問題了，但是在window中有時候會出現一些莫名的問題，不要著急，翻墻之后重新安裝即可。大家都是明白的，需要翻墻，翻墻技術自行百度。
最后：可以使用ionic info查看所有的關于ionic的信息。相當于上面的查看版本的集合咯。
接下來就是感受ionic的時候了
圖片在下方：
1. 創建ionic項目
ionic start projiectName --v2
創建了名字叫做：projiectName 的ionic2以上的項目，默認使用的是簡單的3選項卡模板。
2.進入到projiectName項目中，cd projectName或者直接在該文件夾中ctrl+鼠標右鍵->在此處打開命令行窗口
3.ionic serve啟動項目，默認端口為8100
創建項目之后的項目結構：
運行項目：
最終結果：
到此：
從搭建ionic環境-創建第一個ionic項目-運行第一個ionic項目就此結束。下一節使用ionic新特性懶加載。
