从0安装flutter

183 阅读3分钟

背景

当前更具官网步骤安装flutter依然有不少坑要踩,所以记录安装流程避免重复踩坑,

版本:flutter (1.22.6) , android studio (4.1.2), java8

环境: window10

需要科学上网, 需要科学上网, 需要科学上网

安装 java sdk

  1. 下载 skd www.oracle.com/java/techno…
  2. 安装后,设置 用户变量 JAVA_HOME=[java skd 目录]

安装 java8 是因为,java 11 后的版本将不会安装部分依赖包,如果需要安装新版本的sdk,可以参考手动安装相关包。

安装 flutter

  1. 下载 flutter skd flutter.dev/docs/get-st…
  2. 更具官网流程,安装 环境变量   PUB_HOSTED_URL: pub.flutter-io.cnFLUTTER_STORAGE_BASE_URL:storage.flutter-io.cn
  3. 将 flutter 解压后的 skd 目录设置到 PATH 环境变量中

flutter 的安装相对简单,后面将调用flutter 安装相关依赖包

安装 android studio

  • 下载 android studio developer.android.google.cn/studio
  • 依次安装,可能提示未安装 sdk,可以直接忽略,让 android studio帮我们安装依赖. 如果报错一般是网络问题,可以尝试重连, 不要安装在有中文或空格的目录下
  • 安装 plugin
    1. 初始时,直接进入plugins 设置

image.png

搜索并安装 dart flutter

image.png

  • 创建 flutter 项目

image.png

  • 设置 flutter skd image.png

  • 安装虚拟机

image.png

image.png

选择设备

image.png

选择系统类型

image.png

设置虚拟机名称, 最好简单些,方便后面通过 命令行直接调用

image.png

flutter doctor

  • 配置 android-stduio-dir , android -sdk 目录

进入命令行,调用 flutter config 可以查看 相关依赖地址的设置项, 需要设置 android sutido 和 android skd 指向我们的安装目录。

image.png

image.png

如果未定义 sdk 目录,可以不用设置, 设置了自定义 sdk目录的同时可能还需要重新配置虚拟机。可以参考 android_sdk_home 环境变量的设置

image.png

  • 执行 fullter doctor, 安装相关依赖

image.png

这里更具提示,执行 flutter doctor --android-licences , 一路 y 就可以。

  • 再次执行 flutter doctor

image.png

这里因为 4.1.0 后修改了插件目录,所以flutter doctor 无法找到相应插件,但是不影响使用,也可以通过设置软链重新指向新的插件地址.

启动项目

  • 启动 andriod studio, 进入我们的flutter项目 image.png

  • 启动虚拟机

image.png

  • 进入命令行 ,调用 flutter run

image.png

  • 初始时需要安装部分包, 可能会出现 卡在 Runing Gradle taks "assembleDbug" 的情况,需要设置包下载地址
    • 修改项目目录下的 android/build.gradle 文件
buildscript {
    ext.kotlin_version = '1.3.50'
    repositories {
       //google()
         //jcenter()
         maven { url 'https://maven.aliyun.com/repository/google' }
         maven { url 'https://maven.aliyun.com/repository/jcenter' }
         maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
         maven {url 'http://download.flutter.io'}
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
    }
}

allprojects {
    repositories {
        //google()
         //jcenter()
         maven { url 'https://maven.aliyun.com/repository/google' }
         maven { url 'https://maven.aliyun.com/repository/jcenter' }
         maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
         maven {url 'http://download.flutter.io'}
    }
  • 修改 flutter sdk 目录下 packages/flutter_tools/gradle/flutter.gradle
buildscript {
    repositories {
               //google()
         //jcenter()
         maven { url 'https://maven.aliyun.com/repository/google' }
         maven { url 'https://maven.aliyun.com/repository/jcenter' }
         maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
    }
}
  • 重启 IDE, 再次调用 flutter run , 根据网络情况可能需要一定的安装时间,如果安装失败,可以尝试重新调用 flutter run 再次安装image.png

总结

虽然 flutter 已经发布比较长一段时间了,但是初始的上手成本依然比较高。有不少坑要踩。 首先 科学上网,adriod studio 的安装可能就要劝退一部分非 andriod 新手.

参考

flutter 中文网

no supported devices 问题

Running Gradle task 'assembleDebug' 问题

Flutter plugin not install and Dart plugin not installed 问题

andriod -studio-dir 设置

JAVA_HOME 设置/无法找到java sdk

flutter 环境变量的设置