美文网首页
Ionic3开发之开发环境配置

Ionic3开发之开发环境配置

作者: Arthur_h | 来源:发表于2017-10-17 15:24 被阅读0次
    1. Node.js的安装(建议安装8.x.x版本),点击下载
    2. cnpm的安装
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    1. ionic的安装
    cnpm install -g ionic
    
    1. cordova的安装
    cnpm install -g cordova@6.5.0
    
    1. 新建ionic项目
    ionic start demo blank
    
    1. 点击下载安装Android Studio

    2. 安裝Gradle

    • https://gradle.org/install/下載安裝包
    • C盘新建Gradle文件夹,把安装包解压缩到Gradle下
    • 修改系统变量Path,把C:\Gradle\gradle-4.6-all\gradle-4.6\bin加到path里
    • gradle -v 验证gradle是否安装成功
    1. 配置环境变量
    • 配置ANDROID_HOME
      变量名: ANDROID_HOME
      变量值:E:\tool\android\Android\sdk
    • 配置path
      把ANDROID_HOME加到path中
      找到path, 编辑 -> %ANDROID_HOME% 添加path的值的最前面
      找到path, 编辑 -> %ANDROID_HOME%\platform-tools 添加path的值的最前面(可以是path中的任意地方, 格式要对)
    • 配置JAVA_HOME
      变量名:JAVA_HOME
      变量值:C:\Program Files\Java\jdk1.8.0_111
      PATH属性已存在,可直接编辑,在原来变量后追加:;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin 。
    1. 新增android平台
      进入到项目根目录,运行以下命令安装安卓平台
    ionic cordova platform add android
    
    1. 执行build android 命令
    cordova build android
    

    如果这一步出现“Exception in thread "main" java.io.FileNotFoundException: D:\demo\platforms\android\gradle\wrapper..\gradle-3.3-all.zip”错误,请见下一步

    1. 点击这里下载gradle-3.3-all.zip并放到“D:\demo\platforms\android\gradle”目录下,重复上一步

    2. 现在如何环境变量配置好,运行ionic serve命令即可运行demo。

    相关文章

      网友评论

          本文标题:Ionic3开发之开发环境配置

          本文链接:https://www.haomeiwen.com/subject/yuqkextx.html