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

Posted 道地绿茶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了安装ionic 以及 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 变量]

整个安装过程:    
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   测试:

\\

以上是关于安装ionic 以及 cordova 环境配置详细过程,(错误解决)的主要内容,如果未能解决你的问题,请参考以下文章

ionic + cordova 插件创建 最详细教程

MAC OSX环境下cordova+Ionic的安装配置

VS2015 Cordova Ionic移动开发

怎么卸载重装ionic cordova

ionic+cordova+angularJs

ionic环境搭建详细步骤