Ionic、Angularjs、Cordova搭建Android开发环境

女爷i 2022-08-23 00:58 308阅读 0赞

1、jdk  
环境变量配置  
path：C:\\Program Files\\Java\\jdk1.7.0\_79\\bin  
2、node.js  
因为安装cordova时要用到node.js的npm  
下载地址：  
[http://nodejs.org/][http_nodejs.org]  
下载安装成功之后,打开cmd,进入D盘,创建cordova的工作空间: mkdir cordovaspace  
测试安装结果命令: node -v  
3、git  
用于后面有些插件可能需要用git来下载,  
下载地址:  
[http://git-scm.com/][http_git-scm.com]

4、ant  
下载地址:[http://ant.apache.org/bindownload.cgi][http_ant.apache.org_bindownload.cgi]  
下载好之后,解压,我这里解压到D:\\Delp\_Tool\\ant-1.8.2下,  
然后在环境变量中配置变量ANT\_HOME,值:D:\\Delp\_Tool\\ant-1.8.2,  
在PATH中追加%ANT\_HOME%\\bin;  
测试安装效果命令: ant -v  
注：如果不安装的话后台的操作会报找不到ant;  
5、cordova  
1)安装命令：npm install -g cordova  
2)测试安装结果命令：cordova -v

如果安装cordova和ionic长时间没反应，试试以下的解决方案：

I.通过config命令  
npm config set registry [https://registry.npm.taobao.org][https_registry.npm.taobao.org]  
npm info underscore （如果上面配置正确这个命令会有字符串response）

II.命令行指定  
npm –registry [https://registry.npm.taobao.org][https_registry.npm.taobao.org] info underscore

III.编辑 ~/.npmrc 加入下面内容  
registry = [https://registry.npm.taobao.org][https_registry.npm.taobao.org]

如果遇到npm WARN deprecated minimatch@2.0.10: Please update to minimatch3.0.2问题，可执行：  
npm install minimatch@3.0.2  
6、ionic  
npm install -g ionic  
6、创建app  
这里创建一个命名为firstApp，id为com.cycle.first的app，放在first文件夹下:

创建命令：cordova create first com.cycle.firstApp firstApp　-d

创建过程需要下载一些cordova的库，所以得等一下，上面命令中的-d是展示创建过程中的一些细节。

7、添加平台(注：添加平台前必须得先安装该平台的sdk)  
1)安装sdk

注意：安卓sdk和cordavo版本之间有这么个关系:

3.0需要的是android-17（Android 4.2.2）

3.1和3.2需要android-18（Android 4.3）

3.3、3.4、3.5需要android-19（Android 4.4.2）（同时ant1.8+）

下载安装好adt后，还需要在环境变量中配置变量ANDROID\_HOME，值得为sdk所有的目录，

比如我的就安装D:\\androidWorkspace\\adt\\sdk，那就将ANDROID\_HOME指向这个目录，并在PATH中

追加%ANDROID\_HOME%\\tools;%ANDROID\_HOME%\\platform-tools;

注：修改了PATH后需要重启cmd才可以生效。  
2)添加平台  
接下来的命令都需要在app的次级目录下执行，

进入first : cd first

添加安卓: cordova platform add android

添加其他的平台：

cordova platform add ios

cordova platform add amazon-fireos

cordova platform add blackberry10

cordova platform add firefoxos

回车后，会开始下载安卓的相关库，等等吧。。。

创建完之后可以用下面这条命令来查看已添加以及可支持添加的平台：

cordova platforms ls

如果想删除某个平台的话，可以这样：

cordova platform rm amazon-fireos

cordova platform remove android

添加之后会./first/platforms下的目录，增加一个相应平台的目录，而删除平台的话，也会将这个目录删除。  
8、编译app  
cordova build

这条命令将编译./firstApp/platforms下所有的平台，如果只想单独编译其中的平台的话，只需要在build上增加该平台名即可。

cordova build　android

貌似头一回编译时都比较慢。。。

编译的过程中，会输出一堆东西。。最后如果看到build successful,就可以了。

实际上，build命令是prepare 以及compile两条命令的缩写。上面这条命令相当于：

cordova prepare android

cordova compile android  
9、测试一下app吧  
1)模拟器上测试：  
输入下面命令：cordova emulate android  
但是，查资料说Windows下convert命令冲突，直接“cordova emulate android”会报Error: spawn ENOENT，需要先启动模拟器。  
2)浏览器上测试：  
输入下面命令：cordova serve android  
然后在浏览器中输入[http://localhost:8000][http_localhost_8000]　即可看到支行情况。  
注:可以打开多个cmd运行同一个app，但是端口会8000开始+1；  
3)设备上测试：  
插入usb，输入下面命令：cordova run android

Android创建安装运行：  
ionic start myproject  
cd myproject  
ionic platform add android  
ionic build android  
ionic emulate android 模拟器上运行  
ionic run android 手机上运行

参考文档：  
[http://www.aichengxu.com/view/44135][http_www.aichengxu.com_view_44135]  
[https://segmentfault.com/a/1190000002933971][https_segmentfault.com_a_1190000002933971]

遇到问题：  
如果遇到 Using this version of Cordova with older version of cordova-andr oid is being deprecated. Consider upgrading to cordova-android@5.0.0 or newer.  
解决办法：切换到工程目录，执行cordova platform add android@5.0.0

如果遇到  
line 14: 6980 Illegal instruction node “basedir/nodemodules/cordova/bin/cordova""@”  
解决办法是：Win7系统更新：Service Pack 1

[http_nodejs.org]: http://nodejs.org/
[http_git-scm.com]: http://git-scm.com/
[http_ant.apache.org_bindownload.cgi]: http://ant.apache.org/bindownload.cgi
[https_registry.npm.taobao.org]: https://registry.npm.taobao.org
[http_localhost_8000]: http://localhost:8000
[http_www.aichengxu.com_view_44135]: http://www.aichengxu.com/view/44135
[https_segmentfault.com_a_1190000002933971]: https://segmentfault.com/a/1190000002933971