ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程

时间:2023-03-08 18:41:47
ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程
整个安装过程:    
1. jdk 1.7.2   (http://www.oracle.com/technetwork/java/javase/downloads/index.html)
安装好之后环境变量配置:
    新建系统变量JAVA_HOME 和CLASSPATH 
         变量名:JAVA_HOME 
         变量值:C:Program FilesJavajdk1.7.0
         变量名:CLASSPATH 
         变量值:.;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar;
   变量名:Path 
         变量值:%JAVA_HOME%bin;%JAVA_HOME%jrebin;
2.Android SDK  (参考该文章(转载,作者-边写边唱)http://www.cnblogs.com/zoupeiyang/p/4034517.html) 
3. git  
   中间选择按照命令行来安装,会直接给你配置好环境变量.
 此处注意,选择第二个选项:
ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程
安装完成之后
cmd 测试 : 输入 git  如下安装成功
ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程
4. nodejs  以及 npm 
下载地址(https://nodejs.org/)
nodejs 安装简单,直接, 下一步下一步,然后完事.
cmd 测试: 输入  npm -v   和  node -v     结果如下说明成功.
ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程
5. Apache ant  
下载地址(http://ant.apache.org/bindownload.cgi)
安装: 下载压缩包后,解压到硬盘下的某一个目录(随便你)
配置环境目录:

ANT_HOMEG:adt-bundle-windows-x86_64-20131030apache-ant-1.9.4

CLASSPATH;%ANT_HOME%lib;

PATH  ;%ANT_HOME%bin;

6.  ionic  cordova
安装:打开cmd,按照官网的教程,如上全部安装完成之后,在cmd 里面 输入  npm install -g ionic cordova 之后就可以顺利安装了
但是我在这个地方安装的时候总是报错,无奈之下,百度谷歌,最后也阴差阳错的,找到了解决办法:
如果   npm install -g ionic cordova  
你这一过程正常进行,那就最好了,下面的也用看了,但是如果出错的话,
我是这么解决的,在安装ionic 和cordova 之前,先安装  express  
 原本是想拿express 测试一下的,看是否是网络的问题,结果express 可以安装,然后在安装ionic 和cordova 居然就可以安装了。
具体步骤就是  你完成上面的5个步骤之后:
cmd 输入:npm  install express    安装完成之后
cmd 输入:npm install -g ionic (终于不报错)安装完成之后
cmd 输入:npm Install -g cordova 

终于大功告成!!!
最后测试:
cmd输入:ionic     以及   cordova -v   测试:
ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程
ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程