ionic环境配置（windows）

1. java环境配置

jdk1.8:链接: https://pan.baidu.com/s/1U10DXK2EtrmRFxKiUv_BRQ 提取码: b94f
环境配置教程：https://www.runoob.com/java/java-environment-setup.html

• 配置环境变量
  右键此电脑

  
  
  

Java_Home
C:\Program Files (x86)\Java\jdk1.8.0_40

确认

%Java_Home%\bin;%Java_Home%\jre\bin;加到变量值的最前面。

在“系统变量”栏，“新建”，“变量名”为“CLASSPATH”，“变量值”为“.;%Java_Home%\bin;%Java_Home%\lib\dt.jar;%Java_Home%\lib\tools.jar”，“确定”

然后就是 确定确定确定 退出来就可以了。
打开cmd

分别输入：

java
javac
java -version

如下显示就是配置成功了：

2. nodejs 安装

• 下载最新版nodejs：https://nodejs.org/en/
  
  直接next到底安装就可以了。
  运行命令行：npm -v
  
  这样就是安装成功了

接下来所有操作都是在命令行下执行，接下来操作尽量在管理员模式下使用cmd：

• 下载淘宝镜像：

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

3. 安装ionic & cordova

cnpm install -g cordova
cnpm install -g @ionic/cli

• 检查是否安装成功

ionic -v
cordova -v

没成功的话试试

npm i
npm install -g cordova
npm install -g @ionic/cli

4. 创建工程

ionic start myApp sidemenu --type=angular --no-deps

没有翻墙的话需要--no-deps

要你输入就输入n

• 进入工程目录

cd myApp

• 下载依赖（在工程路径下）

cnpm install

• 启动工程

ionic serve

第一次启动会请求网络，允许就可以。

用Chrome浏览器访问http://localhost:8100/
F12选择移动模式调试

到这步其实ionic环境已经搭建完了

4. 构建安卓开发环境

• 安装android studio：
  https://developer.android.com/studio
  
  一直next到底安装就可以。
  启动android studio的时候设置一下代理：

mirrors.neusoft.edu.cn:80

点ok之后，还有那个小框框，点取消，一直next安装组件就可以了（可能有点久，稍微等一下）

注意!!!!下面的命令都在项目目录下执行。如果以下命令报错，一般就是要配sdk和gradle

• 添加Android平台

ionic cordova platform add android

• 编译

ionic cordova build android

这里在windows下有一个奇怪的bug，如果目录太长也会报错，解决办法是不要把项目放太深名字不要太长

• 运行（需要真机开启调试模式链接或者打开安装模拟器）

ionic cordova run

---

如果出问题可能就需要配置一下sdk和gradle的环境变量

• sdk配置：
  1.在系统变量新建：ANDROID_HOME，对应变量值为：G:\android-sdk-windows（sdk安装路径在安装android studio 的时候会看到）
  2.path添加两个变量(tools和platform-tools)

  
  

注意第二个环境变量，很多博客没说要配

• gradle配置：
  https://blog.csdn.net/zhaokai0130/article/details/81008719

---

• could not fetch .... .
  删除掉目录下的 module

  
  
  

  重新npm i一次

• Could not resolve com.android.tools.build:gradle
  build的时候出现下载依赖获取不到，用浏览器直接访问下载地址可以访问
  是因为设置代理的原因把代理去掉就可以。
  
  参考url