ionic 环境配置

参考文章

Cordova 3.x 基础(1) -- 环境搭建(Windows / Android) http://rensanning.iteye.com/blog/2016364

phoneGapAndroid环境搭建 http://haomou.net/2014/08/06/2014_phonegap_android/

ionic框架配置 http://haomou.net/2014/08/07/2014_ionic/

ant的配置 http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html


其实大体主要分两步:安装cordova和安装ionic

安装cordova

一,首先安装Ant(cordova工具生成android项目时,需要的编辑工具

1,安装ant

到官方主页http://ant.apache.org下载新版(目前为Ant1.8.1)的ant,得到的是一个apache-ant-1.8.1-bin.zip的压缩包。将其解压到你的硬盘上,例如:C:\apache-ant-1.8.1。

2,配置环境变量

path             C:/ apache-ant-1.8.1/bin

classpath      C:/apache-ant-1.8.1/lib

3,验证ant

为了验证ant是否成功安装,可以进行如下操作:

依次选择:开始->运行->cmd,输入如下命令:ant

如果出现如下内容,说明安装成功:

Buildfile: build.xml does not exist!

Build failed

【说明ant安装成功!因为ant默认运行build.xml文件,这个文件需要我们建立。】

二,安装android sdk(网上方法一大把)

别忘了配环境变量( 把%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools加到Path环境变量中,不然会报"Error: An error occurred while listing Android targets"错

三,安装Node.js (这里主要是要用它的npm命令装东西)

进入官网(http://www.nodejs.org/ ),下载安装包安装

四,安装phonegap和cordova(终于到主角了)

npm install -g phonegap

npm install -g cordova

安装完毕后可以创建一个cordova项目运行了

cordova create myapp com.org.myapp "HelloWorld"  
cd myapp  
cordova platform add android  //添加android运行平台
cordova build android   //编译apk
cordova run android  //运行到真机


安装ionic(其实就一句话,不知是屏蔽还是网速原因,我就一直装不上,一个礼拜左右每天都会装就是装不上,所以有了以下的办法)


npm install -g ionic (这句能成功安装就不用看下边的方法了)


我的方法

1,配置环境变量nodenpm命令

Path : C:\Documents and Settings\Administrator\Application Data\npm

2,补齐npm文件夹下有关于ionic的文件 http://download.csdn.net/detail/superjunjin/8417723

3,补齐ionic项目下node_modules等文件 http://download.csdn.net/detail/superjunjin/8417731

(具体文件见最后的压缩包)

ionic start myApp sidemenu  //创建带有左侧带有menu栏的示例项目
ionic start myApp blank   //创建空白项目


ionic serve //浏览器运行(调试很方便)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值