Windows操作系统下ionic开发环境搭建

1、 java的Jdk安装同时配置环境变量

　　例如：

　　JAVA_HOME= C:\Program Files\Java\jdk1.8.0_60

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

　　Path= %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

　　（当输入java后出现以下内容说明配置成功）

2、安装ant（apache-ant-1.9.7-bin） ，配置ant环境变量

　　例如：

　　ANT_HOME= D:\soft\apache-ant-1.9.7

　　Path= %ANT_HOME%\bin;

3、安装node与npm

　　

4、 配置淘宝镜像

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

 

5、 安装cordova

　　cnpm install -g cordova

 

6、 安装 ionic

　　cnpm install -g ionic

 

 7、创建项目(以下步骤请在FQ状态下完成)

　　在项目文件夹中运行

　　ionic start myApp tabs   //可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白

　　ionic serve  PC端启动项目（这里想要在开发的同时在手机页面上显示效果则选择2-》本机ip 或者 ionic serve --address IP地址）

 

8、安装android-studio

　　配置android home环境变量

　　例如

　　ANDROID_HOME= D:\soft\Android\sdk

　　Path=%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

　　

　　使用gradle-2.14.1-all文件替换.gradle\wrapper\dists路径中的文件

 

9、安装开发所需要的androidSDK（可选）

 

10、生成安卓测试app

　　将手机连入开发机并设置为开发者模式，在项目路径内执行

　　cd myApp(进入项目文件夹)

　　ionic cordova platform add android(建立ionic项目与android平台的联系) 

　　ionic cordova build android(构建安卓app)

　　adb devices (出现套接字地址只允许出现一次的错误时执行)

　　ionic emulate android(在模拟器上运行)

　　ionic cordova run android(在手机上运行)

　　此时手机上打开app则打包成功。