首先搭建好基本的环境node.js、JDK环境、以及Android环境。
用npm安装好ionic和cordova。执行命令npm install -g cordova ionic。
搭建好后运用ionic start myApp tabs创建app的过程中会遇到一些问题。
例如:Error with start undefined
Error Initializing app: There was an error with the spawned command: npminstall
There was an error with the spawned command: npminstall 等错误。
然后我是看了一些文章尝试npm install -g npm命令,说可能npm工具并非全局的,所以在此处安装一个全局的npm,再创建。
但是有可能按照上面试了之后还是报同样错误,那可能是npm的国外服务暂时出现问题,所以我再找到另外一种解决方案:
这时候我们可以先使用国内镜像cnpm,安装命令是:
npm install -g cnpm
然后试一下cnpm -v看看有没有版本号出来,有则安装成功
接着下面的语句
ionic start app --v2 --skip-npm
解释一下上面的语句,--v2表示采用Ionic2版本创建app,--skip-npm表示跳过npm installl package阶段
所以这次就不会有那个错误提示,但也没有真的完成创建,但是用这种方式创建速度是真的得到提升,我们还需要进入app目录下,执行一次cnpm install --save
,没有报错即说明成功,此时可以使用ionic serve命令,在浏览器上看看我们的app界面效果了。
接下来就是ionic platform add android添加平台阶段。
首先说明我使用的版本是:
再添加平台阶段我们也可能遇到下面类似错误:
ionic platfrom add android时报错:
从报错信息.gradle\wrapper\dists\gradle-2.14.1-all\53l0mv9mggp9q5m2 ip574m21oh\gradle-2.14.1-all.zip 可以看出应该是解压该文件的时候出了问题,所以下载一个新的gradle压缩包进行替换,建议下载比原来目录版本高的。然后我就下载了一个3.0的版本替换了原来的版本,并把3.0版本的名字改成和原来的名字一样。下载地址:http://gradle.android-studio.org/,然后再执行添加平台。
最后在去执行ionic platform add android命令就能出现:
BUILD SUCCESSFUL
Total time: 1.946 secs等一些信息,那就表明你添加平台成功了。
然后,接下来你就可以ionic build android命令,如果一切正常,应该就能成功的生成一个apk文件,在你项目的目录下找到你所生成的apk文件,然后将此文件拷贝到你的Android模拟器或者手机上进行安装,运行,那么你就成功的生成了一个app。
其他类似问题解决:http://www.cnblogs.com/momoxiaoqing/p/6226706.html。