关闭

ionic 开发环境搭建

80人阅读 评论(0) 收藏 举报
Ionic是一款基于PhoneGap及AngularJS开发Hybrid/Web APP的前端框架,类似的其他框架有:Intel XDK等。

简单来说就是可以将你的Web应用打包发布成IOS/Android APP,并且提供了PhoneGap之外很多强大的服务和新的特性。

听起来还是很诱人的,事实上这也是目前最火的一中Hybrid APP开发方式。


       接下来介绍如何在Windows下搭建Ionic开发环境:

       一、安装步骤

       1、下载JDK并配置好Java运行环境

        jdk下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 

       配置环境:

                     1)、 JAVA_HOME = D:\javar\java\jdk1.6.0_25

                     2)、Path = JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

                     3)、CLASSPATH = .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar (要加.表示当前路径)

       测试环境变量:cmd 键入命令“java -version”,出现java版本号则说明环境变量配置成功。


      2、下载Apache Ant 并配置环境

      ant下载地址:http://ant.apache.org

      配置环境:

                    1)、ANT_HOME  = D:\apache-ant-1.8.2 

                    2)、Path= %ANT_HOME%/bin;

                    3)、classpath = %ANT_HOME%lib;

      测试环境变量:cmd命令:ant  -version


      3、下载Android sdk并配置环境

      sdk下载地址:http://www.androiddevtools.cn/

      配置环境:

                    1)、ANDROID_HOME  = D:\Program Files\Android\android-sdk

                    2)、path = D:\Program Files\Android\android-sdk\platform-tools;D:\Program Files\Android\android-sdk\tools

      测试环境变量:cmd :abd


      4、下载安装nodejs

      下载地址:https://nodejs.org/download/ 

      下载.msi文件

     

       测试:cmd :node -v


       5、用nodejs 的npm来安装cordova和ionic

        进入cmd窗口,输入npm install -g cordova

        cordova 安装好之后,输入npm install -g ionic

       

        注意:由于 GFW ,很多插件下载不了, 安装时下载速度很慢甚至连接不上, 怎么办呢? 参考:http://anmin.iteye.com/blog/2041022

        文中提到了3种方法,第一种试过很多次均没有成功,推荐第二种;

        代理,在配置中设置代理参数:npm config set proxy=http://127.0.0.1:8087( 配置之前要打开你的 goagent ,记得一定要打开,不然 npm 必然报错。)

         我用的不是goagent,而是lantern,lantern下载地址:http://www.qqtn.com/down/86484.html


       二、创建项目

        android:ionic start myproject  -> cd myproject  ->  ionic platform add android  ->ionic  build android (ios基本同,把所有Android换成ios即可)

        测试:cmd : cd myproject  -> ionic serve

       

        出现以下界面则安装成功

       

        

       

       

      




       




0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:82次
    • 积分:10
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档
    阅读排行
    评论排行