1. 安装JDK

Java开发环境
百度云盘
此电脑>>属性>>高级系统设置>>环境变量 添加系统变量

  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. //有输出表示安装成功

2. android开发环境

需要安装android-studio
也可以用别人的sdk

  1. ANDROID_HOME   系统变量
  2. //C:\Users\sapodexunlu\AppData\Local\Android\Sdk
  3. Path  系统变量
  4. //C:\Users\sapodexunlu\AppData\Local\Android\Sdk\platform-tools
  5. //C:\Users\sapodexunlu\AppData\Local\Android\Sdk\tools
  6. //adb 命令行中输入adb，有输出就表示android开发环境配置成功了

3. gradle

  1. https://gradle.org/releases/
  1. path
  2. //C:\gradle-5.4.1\bin
  3. 系统变量
  4. GRADLE_HOME
  5. //C:\gradle-5.4.1
  7. //gradle -v 命令窗口敲

4. 安装ionic

打开cmd

  1. npm install -g ionic cordova
  1. ionic -v
  2. cordova -v
  3. //看有无输出

image.png

4.1 创建项目

  1. ionic start myapp tabs  //创建名为myapp的文件

创建成功后ionic serve查看效果
image.png

4.2 打包

打包成浏览器可识别的文件

  1. ionic cordova build browser --prod
  1. npm i serve -g
  2. serve -S www

4.3 打包成apk

  1. ionic platform add android //报错先别管
  2. ionic cordova platform add android
  1. //打包成apk
  2. ionic cordova build android

插件：Ionic 4 Snippets