Windows环境下安装Ionic

 1. 首先要安装node环境,Ionic的安装和后续的许多前端工具的安装都依赖于node的包管理器npmhtml

     nodeJs环境的安装很简单,去官网下载最新版的NodeJs直接安装便可。      Node官网:   https://nodejs.org/前端

     百度云地址:http://pan.baidu.com/s/1jGAEQVWjava

     node环境变量在安装过程当中会自动配置,安装完成后在cmd中输入 npm -v 回车。若是出现版本号说明安装成功。node

     node安装参考:http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.htmlandroid

 

 2. 安装jdk而且配置环境变量,若是已经安装了jdk则跳过这步。apache

     jdk下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.htmlnpm

     安装完成之后配置环境变量:sass

     JAVA_HOME:oracle

   JDK的安装路径,这个环境变量自己不存在,须要建立,建立完则能够利用%JAVA_HOME%做为统一引用路径,其值为:jdk在你电脑上的安装路径。app

      PATH:

      PATH属性已存在,可直接编辑。做用是用于配置路径,简化命令的输入,其值为:%JAVA_HOME%\bin。  

     CLASSPATH:

   用于编译时JAVA类的路径,注意这里设置的是两个值,(.;)表示的是JVM先搜索当前目录。其值为:.;%JAVA_HOME%\lib\tools.jar。

      配置完毕后,经过cmd运行如下命令:java -version,javac 若是出现返回信息,则设置成功。

    

 3. 安装Android SDK

     下载地址: http://developer.android.com/sdk/index.html  这个地址被墙了。须要FQ使用。

     百度云地址: http://pan.baidu.com/s/1sj7cL8T

     这里能够只下载Android SDK 不须要一并下载 Android Studio。下载完成并安装而后向系统Path环境变量中添加两个值。分别是 Android SDK中tools目录的路径和platform-tools的路径。例如:

                C:\Program Files (x86)\Android\android-sdk\tools;

                C:\Program Files (x86)\Android\android-sdk\platform-tools;

     若是发现Android SDK安装目录中并无 “ platform-tools”这个文件夹,应该运行tools目录下的android.bat文件,而后出现以下界面,勾选Android SDK Platform-tools 而后安装。

     环境变量配置完成之后在cmd中输入 android而且回车。若是出现android sdk manager则说明安装成功。

 

4. 安装 Apache  ant.

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

    百度云地址:http://pan.baidu.com/s/1eQxpN8m

    环境变量

    Windows下ANT用到的环境变量主要有2个: ANT_HOME 和 PATH。 
    eg:
    1. 设置ANT_HOME指向ant的安装目录。 
    设置方法:ANT_HOME = D:\apache_ant_1.7.0 

    2. 设置bin和lib目录到PATH变量中。将%ANT_HOME%\bin; %ANT_HOME%\lib添加到环境变量的path中。 
   设置方法:PATH = %ANT_HOME%\bin; %ANT_HOME%\lib 

    %ANT_HOME%能够用真实的路径代替。

    安装完成之后在cmd中输入 ant -version 验证是否安装成功。

 

5. 安装ionic和demo项目下载。

    1)使用npm下载ionic

   npm install -g ionic

  2)选择一个ionic模板项目下载到本地。中间会有一些问询,好比是否使用sass.app的命名等。

   md myApp

cd myApp //建立一个文件夹而且进入。

ionic start myApp tabs

    3)给项目添加android平台。

   ionic platform android

    4)在模拟器中运行项目

 ionic emulate android
  ionic run android(真机上运行)
  说明: 运行emulate/run命令的时候会在platforms目录下生成apk.              在执行platform和emulate命令的过程当中若是出现报错大可能是由于android环境没有安装彻底致使的。请在cmd中输入android打开android SDK manager检查相关的包是否已经安装彻底。            通常来讲,tool和emulator都是必需要安装的.而后选择某一版本的android API进行安装。
相关文章
相关标签/搜索