ionic项目开发环境配置

参考文章

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

0,jdk

http://www.oracle.com/technetwork/java/javase/downloads/index.html
jdk1.7 http://pan.baidu.com/s/1o87IzfO
jdk1.8 http://pan.baidu.com/s/1dFb6Irf
环境变量配置
path:C:\Program Files\Java\jdk1.7.0_79\bin

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

(1),安装ant

http://pan.baidu.com/s/1jIvFwgQ
http://download.csdn.net/detail/superjunjin/9909046
到官方主页http://ant.apache.org下载新版的ant,得到的是一个apache-ant-1.9.5-bin.zip的压缩包。将其解压到你的硬盘上,例如:C:\Program Files\apache-ant-1.9.5。

(2),配置环境变量

path C:\Program Files\apache-ant-1.9.5\bin

classpath C:\Program Files\apache-ant-1.9.5\lib

(3),验证ant

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

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

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

Buildfile: build.xml does not exist!

Build failed

ionic项目开发环境配置_第1张图片

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

2,安装android sdk

最好只装到sdk22,和cordova5.0配对,cordova5.0打包时会要求匹配sdk22,不然会报错,不能打包

android 离线包下载地址 有最新的sdk22和sdk23
http://mirrors.neusoft.edu.cn/android/repository/

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

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

https://nodejs.org/en/

node4:稳定,但不支持ECMAScript 6 http://pan.baidu.com/s/1qYPVqfa
node6:稳定,支持ECMAScript 6 http://pan.baidu.com/s/1bo7ODkF
node8:不稳定,支持ECMAScript 6,调试方法不成功(新的调试方法打不开调试界面)http://pan.baidu.com/s/1dF3WXsX
(https://nodejs.org/api/debugger.html
http://www.cnblogs.com/knightreturn/p/6480637.html)

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

安装npm install -g phonegap 或 npm install -g cordova
卸载npm uninstall cordova -g 或 npm uninstall phonegap -g

推荐安装5.0版本,npm install -g [email protected]

安装完毕后可以创建一个cordova项目运行了
cordova create myapp com.org.myapp “HelloWorld”
cd myapp
cordova platform add android //添加android运行平台
cordova build android //编译apk
cordova run android //运行到真机

二,安装ionic

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

1,npm install -g ionic

npm install -g [email protected](或者安装固定版本)
(这句能成功安装就不用看下边的方法了)

2,推荐方法:

现在是可以装完了,但是提示没有ionic命令,乖乖用淘宝镜像吧,好使!

首先,装淘宝命令依赖包

$ npm install -g cnpm –registry=https://registry.npm.taobao.org

然后,用cnpm命令装ionic

cnpm install -g ionic

3,参考方法:

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命令

ionic start myApp sidemenu //创建带有左侧带有menu栏的示例项目
ionic start myApp blank //创建空白项目
ionic start myApp tabs
ionic serve //浏览器运行(调试很方便)

你可能感兴趣的:(ionic,cordova)