[TOC] http://blog.csdn.net/tyro_java/article/details/72823706 從ionic的項目構建和跨域設置說起 http://div.io/topic/1631 使用 gulp 搭建前端環境之 ionic 項目實踐總結(高級篇) http://blog.csdn.net/haoshidai/article/details/50867316 # 【推薦學習ionic2】 ## Ionic入門 [Ionic簡單接觸：Windows下Ionic Android開發環境搭建](http://www.itwap.net/ArticleContent.aspx?id=26) 注意由于Android的多樣性和手機廠商的修改，ionic做的hybrid mobile app的性能和表現和iOS真是差別很大！ ~~~ ionic lib update 更新ionic庫 ~~~ Take care with the performance ## 目錄一覽： ~~~ myApp/ |– config.xml |– hooks/ | | – before_xxx/ | | – after_xxx/ |– merges/ | | – Android/ | | – iOS/ |– platforms/ | |– android/ || – ios/ |– plugins/ | |– org.apache.cordova.console/ | |– org.apache.cordova.device/ |– www/ | |– css/ | |– img/ | |– js/ |– index.html ~~~ ### （2）config.xml ： cordova的配置文件 ### （3）hooks目錄 存放自定義cordova命令的腳本文件。每個project命令都可以定義before和after的Hook，比如：before_build、after_build。 Hook可以采用任何編程語言來寫，Cordova CLI采用的是Node.js，所以一般都是用它來寫。 這里提供了3個常用的Hook腳本： http://devgirl.org/2013/11/12/three-hooks-your-cordovaphonegap-project-needs/ ### （4）merges目錄 存放各個平臺特殊的文件，會和www進行合并編譯，相同的文件merges下的文件優先。 比如： ~~~ merges/ |– ios/ | |– app.js |– android/ | |– android.js www/ | |– app.js ~~~ 編譯成iOS應用的話，包含merges/ios/app.js； 而Android應用的話，包含www/app.js、merges/android/android.js ### （5）platforms目錄 各個平臺的原生代碼工程，不要手動修改，因為在build的時候會被覆蓋。 ### （6）plugins目錄 插件目錄（cordova提供的原生API也是以插件的形式提供的）。 ### （7）www目錄 源代碼目錄，在cordova prepare的時候會被copy到各個平臺工程的assets\www目錄中。 其中index.html為應用的入口文件。 ## Ionic常用命令 ~~~ ionic serve (在瀏覽器中看) ionic info (查看關于ionic的系統消息) ionic start faces 默認tab樣式工程 ionic platform add android@3.6.4 可以不指定sdk版本，默認最新的。#官網相關資料：http://cordova.apache.org/docs/en/latest/reference/cordova-cli/index.html#syntax ionic build android 編譯成android工程 ionic run android 鏈接手機 直接build 并且安裝到手機 npm update -g cordova ionic 更新cordova及ionic包 ionic lib update 更新已建ionic項目中的js類庫 ~~~ ## Ionic參考網址 On iOS works excellent. On Android you can improve the performance if is required using [Crosswalk](https://crosswalk-project.org/) or [Cocoon](https://cocoon.io/). http://codepen.io/jdnichollsc/ http://market.ionic.io/starters/ionic-starter-template https://github.com/jdnichollsc/Ionic-Starter-Template http://sqlitebrowser.org/ http://blog.csdn.net/zapzqc/article/details/41802453/ http://www.cnblogs.com/rdst/p/4699083.html http://www.phonegap100.com/article-486-1.html [教大家如何修改ionic中android程序的包名](http://blog.csdn.net/xuweilinjijis/article/details/51980737) [在 iOS創建 第一個Cordova 項目](http://blog.csdn.net/kangguang/article/details/51249398) [使用Cordova進行iOS開發](http://www.jianshu.com/p/e982b9a85ae8)