安装ionic 以及 cordova 环境配置详细过程,(错误解决)

Posted 2020-08-14 道地绿茶

 [摘要：全部装置进程: 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 变量]

整个安装过程:    

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  

   中间选择按照命令行来安装,会直接给你配置好环境变量.

 此处注意,选择第二个选项:

安装完成之后

cmd 测试 : 输入 git  如下安装成功

4. nodejs  以及 npm 

下载地址(https://nodejs.org/)

nodejs 安装简单,直接, 下一步下一步,然后完事.

cmd 测试: 输入  npm -v   和  node -v     结果如下说明成功.

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   测试：