-
Ionic 簡介
- Ionic框架是什么
Ionic 是目前最有潛力的一款 HTML5
手機應用開發框架。通過 SASS 構建應用程序，它 提供了很多 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數據的雙向綁定，使用它成為 Web 和移動開發者的共同選 擇。- Ionic框架的構成部分
- Ionic的優點
Ionic為性能而生-追求性能：
在html5移動app開發中,速度是很重要的。Ionic在最新的移動設備中表現非常卓越，運行非常流暢。 操作最少的 DOM，非 jQuery，和硬件加速過渡，讓您感覺到用html5開發的app也可以飛起來Ionic完美的融合下一代移動框架 AngularJS- AngularJS移動端解決方案
Ionic讓你看不出混合應用和原生的區別-專注原生
一個強大的命令行
利用Ionic只需要一個命令就可以創建，構建，測試，部署你的應用程序在任何平台上。有令人驚嘆的功能，只需要npm install -g ionic 就可以創建您的應用。 -
Cordova 簡介
- Cordova是什么
是可以將我們用HTML、CSS和Javascript寫的界面運行在各種平台的一個平台而已。
- Cordova的plugins
它有很多大概1108個插件，可以很方便的支持我們的使用。
這里可以找到ionic中為我們封裝好的各種常用的Cordova插件
http://ngcordova.com/docs/plugins/actionSheet/- Cordova的優點
使用簡單，快捷
-
開發環境的搭
- 安裝Ionic
首先您需要安裝 Node.js. 其次, 安裝最新版本的cordova 和 ionic command-line tools.
ios官方安裝文檔
http://cordova.apache.org/docs/en/3.3.0/guide_platforms_ios_index.md.html#iOS Platform Guide
$ npm install -g cordova ionic通過ionic創建一個項目
使用Ionic官方提供的現成的應用程序模板，或一個空白的項目創建一個Ionic應用。
$ ionic start myApp tabs- 創建app測試是否安裝成功
可能遇到的問題
mac下谷歌瀏覽器的跨域問題解決
通過命令行啟動chrome：
open -a "Google Chrome" --args --disable-web-security
重新啟動瀏覽器就好了。