ionic框架环境配置
2015-02-03 11:13
267 查看
参考文章
Cordova 3.x 基础(1) -- 环境搭建(Windows / Android) http://rensanning.iteye.com/blog/2016364
phoneGap之Android环境搭建 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,配置环境变量node的npm命令
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 //浏览器运行(调试很方便)
Cordova 3.x 基础(1) -- 环境搭建(Windows / Android) http://rensanning.iteye.com/blog/2016364
phoneGap之Android环境搭建 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,配置环境变量node的npm命令
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 //浏览器运行(调试很方便)
相关文章推荐
- ionic框架环境配置
- ionic---手机移动Webapp框架,环境配置
- ionic框架环境配置
- 配置yii框架环境和bootstrap扩展,使用代码生成器。
- Http服务器嵌入到OSGI框架环境配置
- Popcap 游戏框架的环境配置 vs2003+xp
- 从零实现3D图像引擎:(1)环境配置与项目框架
- 走进Zend Framework框架编程(二):软件安装和环境配置
- 配置zend框架中命令的环境
- SSI框架(Struts2+Spring+iBATIS)环境配置
- Android 框架研究:(一)框架概要 —— 1.4 系统与环境配置
- CXF框架的restful webservice 环境配置(二) 客户端
- jbuilder9如何配置JSP运行环境,java高级配置,struts4.0,三大框架的一起应用
- 使用yii框架开发第一步:配置yii框架环境和bootstrap扩展,使用代码生成器。
- VC++2010环境下基于MFC框架的OpenGL的编程环境的配置
- Nginx 环境配置 CodeIgniter 框架
- 走进Zend Framework框架编程(二):软件安装和环境配置 【转】
- VC环境下基于MFC框架的OpenGL的编程环境的配置
- 在VMWare Workstation上使用RedHat Linux安装和配置Hadoop群集环境05_HDFS文件系统和Mapreduce框架的启动和运行
- CXF框架的restful webservice 环境配置(一) 服务端