Flutter在window环境搭建

125 阅读1分钟

1、克隆 Flutter 仓库。在终端或命令行窗口中输入以下命令:

  • 下载安装flutter

​ git clone github.com/flutter/flu… -b stable ​ ​ (我目前运行的是3.3.8版本,高版本可能会出现兼容问题)

git check out 3.3.8  //切换3.3.8版本
  • 运行flutter --version检查当前版本 检查是否安装完成

2、环境变量配置

  • 环境变量内Path配置:

(快速打开环境变量cmd命令 rundll32 sysdm.cpl,EditEnvironmentVariables

D:\flutter\bin D:\flutter\.pub-cache\bin

  • 环境变量内Path同级别目录配置:

ANDROID_SDK_HOME E:\androidSdk //安卓sdk的目录 下面会讲到 ,androidSdk 是我自定义的文件目录名 FLUTTER_STORAGE_BASE_URL storage.flutter-io.cn //鉴于国内的环境 解决flutter --version 迟迟无响应 PUB_HOSTED_URL pub.flutter-io.cn/ //鉴于国内的环境 解决flutter --version 迟迟无响应

3、下载android studio

  • 下载地址

developer.android.google.cn/studio

  • 进去Tools > SDK Manager 目录下载以下 Android toolchain(安卓工具链)

image.png这里的路径,就是上面我们配置ANDROID_SDK_HOME环境变量的路径

image.png

image.png

image.png

image.png

image.png

  • 进去File > Settings>Languages&Frameworks 目录下配置flutter 、Dart路径

    示例:
    • Flutter D:\flutter\flutter
    • Dart D:\flutter\flutter\bin\cache\dart-sdk

4、下载java sdk

  • 下载对应的jdk版本,运行java -version检查版本

  • 配置好JAVA_HOME环境变量

image.png

  • 打开一个已经提升管理员权限的终端窗口,运行以下命令进行协议的确认

$ flutter doctor --android-licenses

5、android studio上创建一个设备

  • 选择一个33以下,30以上设备下载一下

image.png

  • 安装完成通过 **flutter devices **查看是否安装成功

image.png

6、运行flutter doctor检查环境是否还存在问题

image.png

当结果为这样的界面时,说明flutter在window上环境搭建成功!