一、安装JDK

此电脑>>属性>>高级系统设置>>环境变量 添加系统变量

  1. //1.配置 系统变量JAVA_HOME
  2. C:\Program Files\Java\jdk1.8.0_191
  3. //2.配置 系统变量 CLASSPATH
  4. C:\Program Files\Java\jdk1.8.0_191\lib
  5. //3.配置 用户变量 Path
  6. C:\Program Files\Java\jdk1.8.0_191\bin
  7. 在命令行输出
  8. javac
  9. //有输出表示安装成功

二、Android SDK配置

image.png

image.png

1. 在环境变量中,新建

  1. ANDROID_HOME : C:\Users\86176\AppData\Local\Android\Sdk   //android sdk路径

2. 在path变量中,新建

  1. C:\Users\86176\AppData\Local\Android\Sdk\platform-tools
  2. C:\Users\86176\AppData\Local\Android\Sdk\tools

3. 命令行输入adb,查看是否有输出

image.png

三、gradle配置

1. path变量中配置bin目录

image.png

2. 新建GRADLE_HOME

  1. GRADLE_HOME:C:\gradle-5.4.1

image.png

3. 命令行输入gradle -v

image.png

四、ionic

中文文档 英文文档

1. 全局安装

  1. npm install -g ionic cordova

2. 在目录下创建项目

Tip: 有问题就重新来一遍

  1. ionic start photo-gallery tabs
  2. //photo-gallery 项目名称
  3. //tabs                  tab导航栏

3. 运行项目

  1. ionic serve

4. 打包

  1. ionic cordova build browser --prod
  1. //模拟服务器
  2. npm i serve -g
  4. //查看是否安装serve
  5. serve --version
  6. serve -s www

5. 打包成APK

  1. ionic platform add android
  2. ionic cordova platform add android

打包
Tip: 有问题就重新打包一遍

  1. ionic cordova build android