🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[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)