1. 首先要安装node环境,Ionic的安装和后续的许多前端工具的安装都依赖于node的包管理器npm。
nodeJs环境的安装很简单,去官网下载最新版的NodeJs直接安装即可。 Node官网: https://nodejs.org/
百度云地址:
node环境变量在安装过程中会自动配置,安装完成后在cmd中输入 npm -v 回车。如果出现版本号说明安装成功。
node安装参考:
2. 安装jdk并且配置环境变量,如果已经安装了jdk则跳过这步。
jdk下载地址:
安装完成以后配置环境变量:
JAVA_HOME:
JDK的安装路径,这个环境变量本身不存在,需要创建,创建完则可以利用%JAVA_HOME%作为统一引用路径,其值为:jdk在你电脑上的安装路径。
PATH:
PATH属性已存在,可直接编辑。作用是用于配置路径,,简化命令的输入,其值为:%JAVA_HOME%\bin。
CLASSPATH:
用于编译时JAVA类的路径,注意这里设置的是两个值,(.;)表示的是JVM先搜索当前目录。其值为:.;%JAVA_HOME%\lib\tools.jar。
配置完毕后,通过cmd运行以下命令:java -version,javac 如果出现返回信息,则设置成功。
3. 安装Android SDK.
下载地址: 这个地址被墙了。需要FQ使用。
百度云地址:
这里可以只下载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下载地址:
百度云地址:
环境变量:
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 ionic2)选择一个ionic模板项目下载到本地。中间会有一些问询,比如是否使用sass.app的命名等。
md myAppcd myApp //创建一个文件夹并且进入。
ionic start myApp tabs
3)给项目添加android平台。
ionic platform android4)在模拟器中运行项目
ionic emulate androidionic run android(真机上运行) 说明: 运行emulate/run命令的时候会在platforms目录下生成apk.
在执行platform和emulate命令的过程中如果出现报错大多是因为android环境没有安装完全导致的。请在cmd中输入android打开android SDK manager检查相关的包是否已经安装完全。
一般来说,tool和emulator都是必须要安装的.然后选择某一版本的android API进行安装。
Windows环境下安装Ionic