ionic跨平台开发指南(一)--开发环境的配置

时间:2021-01-25 03:30:54

最近,运用了ionic框架开发了个跨平台项目,当中遇到或多或少的问题,特此分享,希望能帮助广大开发人员!

(一)ionic开发环境的配置

     1、下载安装nodejs

       到官网下载需求版本https://nodejs.org/dist/,用于辅助命令行运行ionic相关命令。这里需注意下载的nodejs版本不能过高,否则npm命令安装ionic时会报错,建议下载安装V0.12.6版本。

      2、安装ionic框架

          通过npm命令辅助安装:

          win中npm install -g ionic   mac中sudo npm install -g ionic

      3、安装cordova及git命令行工具

           由于是跨平台移动Hybird  APP,需通过cordova插件实现与原生的交互,以达到相应的功能。

           由于git(https://github.com/)中有较多的实现相应功能的cordova插件,可直接安装使用,可提升开发速度。

           需要相应的插件也可以到cordova官网下载:http://cordova.apache.org/plugins/

           win中npm install -g cordova     Mac中sudo npm install -g cordova 

           git CLI下载地址:http://git-scm.com/download/

    4、Android环境的配置

         ①下载安装java SE:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

              在环境变量中新建JAVA_HOME,值为jdk所在的路径

              CLASSPATH  .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;             

              PATH    %JAVA_HOME%\bin;

         ②下载安装Android SDK,并在环境变量中配置ANDROID_HOME(值为SDK所在路径)             

            在PATH中添加 %ANDROID_HOME%\tools;

             %ANDROID_HOME%\platform-tools;

             注意由于ionic不断在更新Android SDK也需要对应的新版本,否则编译项目时会报错,建议多下几个版本,目前无法连到google下载,可用国内的一些镜像,如下图:

             ionic跨平台开发指南(一)--开发环境的配置

   5、ant的安装

         编译项目时需使用,http://ant.apache.org/bindownload.cgi,安装后,在环境变量中PATH中配置ant中bin所在路径。

  6、ios环境配置

       需要有一台MAC系统电脑,并安装最新的xcode即可。

      由于时间问题,下一章再为大家介绍具体的项目开发,待更新...