Apache-Ant下载以及安装步骤

为了安装IONIC,首先需要下载node.js并且成功安装,上一篇我已经详细的介绍了node.js的安装过程,接下来需要安装Apache-ant.

一.Apache-Ant下载

1.下载地址:http://mirror.tcpdiag.net/apache/ant/binaries/

   下载页面如下图,可能是页面解析有点问题,页面排版怪怪的,但是不影响我们下载:


2.下载图中用红色框圈出来的那个,然后解压缩,解压后的目录如下图:


 3.配置路径path,配置方法与jdk的环境变量配置方法一致,将apache-ant安装路径/bin添加到path(注意要在前后加封号,用于路径之间的隔离)

我的安装路径是:D:\program files\AngularJS\Apache-Ant\apache-ant-1.9.7\bin


4.在命令行中测试是否添加成功,打开命令提示窗口,输入ant -v  出现以下结果则证明成功。




二.下载IONIC和CORDOVA

1.访问网址http://ionicframework.com/getting-started/

如下图:




可以通过点击图中红色边框圈出的部分来访问IONIC的网址来查看如何安装并使用IONIC。

如下图,会有IONIC的安装和使用步骤说明:





2.在命令行输入命令:npm install -g ionic   可能下载过程会需要花费几分钟,请耐心等待。下载完成之后,如下图:




因为目录比较长,前面的截取不到了。


3接下来安装cordova,在命令行输入npm install -g cordova



在满心期待下,安装出错啦:



如果遇到这种情况,可以尝试使用下面这种方法解决:

在命令行依次输入npm  install express 

安装过程中如果出现以下错误的话,那接着该步骤看,如果没有出错,成功安装,直接看下一步骤。



在网上查了一下原因,但也没有查到,于是乎不死心的重新安装,这次输入命令:npm install express -gd  

-g代表安装到NODE_PATH的lib里面,而-d代表把相依性套件也一起安装。

如果沒有-g的话会安装目前所在的目录(会建立一个node_modules的文件夹)。

结果安装成功了,成功后如下图:


出现npm info ok,表示安装成功。


安装成功后,去重新执行npm install -g cordova命令,发现以上错误任然会出现,经过参考这篇博客,最终解决。

http://www.daliane.com/npm_err_wu_fa_an_zhuang_ren_he_bao_de_jie_jue_ban_fa/


4.安装完成后,测试ionic和cordova是否安装成功

在命令行输入命令:ionic  和cordova -v,如果出现以下命令,则表示安装成功





终于成功了,不容易啊~


接下来开始使用IONIC+CORDOVA创建项目,请参考下一篇博客。


猜你喜欢

转载自blog.csdn.net/qq_31490071/article/details/51734056
今日推荐