Windows 搭建Flutter开发环境教程

Flutter 之 Windows 环境搭建教程

Flutter SDK 安装

下载地址

  • 国内加速访问:https://flutter.cn/docs/development/tools/sdk/releases

  • 官网镜像:https://flutter.dev/docs/development/tools/sdk/releases

Windows 搭建Flutter开发环境教程_第1张图片

解压:

将安装包 zip 解压到你想安装 Flutter SDK 的路径,最好不要放到 C 盘,如果不知道放在那个目录,可以跟着本教程放在 D:\java\flutter 目录下:

Windows 搭建Flutter开发环境教程_第2张图片

全局环境变量配置

找到 此电脑 => 右键 选择 属性 => 点击 高级系统设置 => 会弹出系统属性的窗口,点击 环境变量 按钮 => 找到 path 变量,再双击,之后会弹框出来 => 点击 新建, 然后分别输入flutter解压安装的bin目录和dart-sdk的缓存目录,如不会找,则跟着本教程配置为:

D:\java\flutter\bin 和 D:\java\flutter\bin\cache\dart-sdk

Windows 搭建Flutter开发环境教程_第3张图片

加速镜像地址配置

flutter的包管理,类似于前端的npm,java的maven, 项目中加载包或打包到真机上运行的的时候,需要下载对应的包,由于国内加载国外的镜像很慢,所以需要在 全局环境变量额外中添加配置 加速镜像地址, 如下所示:

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  • 配置 PUB_HOSTED_URL 加速地址

Windows 搭建Flutter开发环境教程_第4张图片

  • 配置 FLUTTER_STORAGE_BASE_UR 加速地址

Windows 搭建Flutter开发环境教程_第5张图片

配置gradle加速镜像

以本教程安装位置为例:进入到 D:\java\flutter\packages\flutter_tools\gradle目录中,打开 flutter.gradle 文件,将如下

buildscript {
    repositories {
        google()
        mavenCentral()
    }
    dependencies {
        /* When bumping, also update ndkVersion above. */
        classpath 'com.android.tools.build:gradle:7.3.0'
    }
}

修改为阿里云镜像:

buildscript {
    repositories {
        // google()
        // mavenCentral()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }
        maven { url 'https://maven.aliyun.com/repository/central' }
        maven { url 'https://maven.aliyun.com/repository/public' }
    }
    dependencies {
        /* When bumping, also update ndkVersion above. */
        classpath 'com.android.tools.build:gradle:7.3.0'
    }
}
第一:三个链接的url 必须是https,不能是http, 否则Android Studio 真机调试要报错
第二:由于2022年12月阿里云镜像仓库进行了大调整,导致网上大多数是链接都是老地址,会出现很多错误,比如:flutter3.7.5 打包真机调试不成功等等。

检查flutter 环境变量配置成功与否

打开 cmd 命令(window 图标 +R 键,弹出窗口,输入cmd 即可以打开命令窗口) => 输入 flutter --version

Windows 搭建Flutter开发环境教程_第6张图片

到此,Flutter sdk 安装配置成功了

升级常遇到的问题:
Flutter upgrade 升级出现
C:\Users\yzx>flutter upgrade ProcessException: Process exited abnormally: fatal: unable to access ' https://github.com/flutter/flutter.git/': Failed to connect to github.com port 443 after 21069 ms: Timed out Command: git fetch --tags
这种情况是访问不到github,解决方式,第一种、第二种就是安装最新的Flutter sdk 环境

安装 Android Studio

Step 1

下载 Android Studio

下载地址:https://developer.android.google.cn/studio

如果无法打开上面链接,找老师要安装包

Step 2

下载完成后,双击安装包。Android Studio Setup 将显示在屏幕上,点击 Next

Windows 搭建Flutter开发环境教程_第7张图片

Step 3

需要安装 Android Studio 和 Android Virtual Device(安卓虚拟设备), 默认设置,不做其他处理,继续点击 Next

Windows 搭建Flutter开发环境教程_第8张图片

Step 4

该步骤需要设置 Android Studio 的安装位置,默认是c盘,我们建议不安装在c 盘,本教程安装到 D:\java\Android\Android Studio 目录下,再点击 Next

Windows 搭建Flutter开发环境教程_第9张图片

Step 5

点击 Install

Windows 搭建Flutter开发环境教程_第10张图片

之后就进入安装页面了,需要等待几分钟,之后进入到安装完成界面,点击 Finish

,并启动 Android Studio!

Step 6

如下所示 安装flutter插件

Windows 搭建Flutter开发环境教程_第11张图片

安装 Android SDK

步骤如下两图所示

Windows 搭建Flutter开发环境教程_第12张图片
Windows 搭建Flutter开发环境教程_第13张图片

检测 flutter 运行环境

安装完Flutter SDK 和 Android studio以后,在命令行中,运行 flutter doctor ,可以检测 flutter 所需的环境条件是否都满足

flutter doctor
Windows 搭建Flutter开发环境教程_第14张图片
Android license status unknown.
这个在命令行中,直接给出了解决方案: 运行 flutter doctor --android-licenses
Windows 搭建Flutter开发环境教程_第15张图片

终于安装完成了!

你可能感兴趣的:(flutter,flutter)