ionic环境配置及问题

ionic是什么?

其实就是一款用于开发web app的开源免费框架,和国产的MUI差不多。

官网:https://ionicframework.com/

必备条件:

  • 安装Node.js
  • 安装Java JDK(jdk-8u71-windows-x64.exe),注意:版本必须要1.8+
  • 安装绿色版AndroidSDK (ADK编译)

AndroidSDK添加环境变量

ionic环境配置及问题_第1张图片

在Path系统变量中添加如下配置:

%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

第一次用ionic,发现各种坑。

首先node.js不要使用最新版本,否则会出现各种问题。

ionic环境配置及问题_第2张图片

一开始用的v8.x的版本,各种报错,后面切换到v7.8版本正常,所以建议使用稳定版v6.11.0 LTS

gradle -v时报ERROR:JAVA_HOME is set to an invalid directory xxx解决方法

gradler所在目录:

ionic环境配置及问题_第3张图片

Java JDK所在目录:

ionic环境配置及问题_第4张图片

第一步:配置JDK环境JAVA_HOME,后面不能带bin目录,也不能打分号

ionic环境配置及问题_第5张图片

第二步:配置gradle环境:GRADLE_HOME

ionic环境配置及问题_第6张图片

第三步:把两个配置好的环境设置到系统环境Path下:

%JAVA_HOME%直接这样设置,而%GRADLE_HOME%\bin得加上bin目录

ionic环境配置及问题_第7张图片

输入gradle -v查看版本,出现如下提示就证明配置成功了

ionic环境配置及问题_第8张图片

使用教程:https://ionicframework.com/getting-started/

你可能感兴趣的:(ionic环境配置及问题)