flutter环境配置

1. 电脑上安装JDK

1.1 下载安装JDK

  • Java官方下载地址https://www.oracle.com/java/technologies/downloads/#jdk17-windows
  • Snipaste_2024-05-16_14-05-21

    1.2 配置JDK环境

    1.2.1 系统变量 里面新增JAVA_HOME,设置值为java sdk 根目录:

    Snipaste_2024-05-16_14-23-33

    1.2.2 系统变量 找到Path 在Path环境变量里面增加如下代码 (jdk17无需配置jre路径)

    %JAVA_HOME%\bin

    Snipaste_2024-05-16_17-50-06

    2. 下载安装Android Studio

    2.1 官网下载

  • 官方下载地址https://developer.android.google.cn/studio
  • Snipaste_2024-05-17_10-16-48

    2.2 下载Dart和Flutter插件

    Snipaste_2024-05-17_10-18-45

    Snipaste_2024-05-17_10-19-31

    Snipaste_2024-05-17_10-21-48

    3. 下载配置Flutter

    3.1 官网下载flutter

  • 官方下载地址https://docs.flutter.cn/release/archive?tab=windows
  • Snipaste_2024-05-17_11-03-39

    3.2 配置bin路径的环境变量

    image-20240517113038515

    image-20240517113146753

    3.3 配置国内镜像

    在中国网络环境下使用 Flutter | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

    在 Windows 上:

    Flutter 社区镜像

    1
    2
    $env:PUB_HOSTED_URL="https://pub.flutter-io.cn";
    $env:FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"

    清华大学 TUNA 协会镜像

    1
    2
    FLUTTER_STORAGE_BASE_URL: https://mirrors.tuna.tsinghua.edu.cn/flutter
    PUB_HOSTED_URL: https://mirrors.tuna.tsinghua.edu.cn/dart-pub

    image-20240517134740566

    image-20240517134831840

    3.4运行 flutter doctor 命令检测环境是否配置成功

    image-20240517135612762

    3.4.1 Android toolchain报错

    image-20240630223541317

    1
    2
    // 重新配置AndoridSDK的位置
    flutter config --android-sdk D:\Android\AndroidSDK

    3.4.2 Android licenses not accepted

    image-20240630223755951

    1
    flutter doctor --android-licenses

    4. 创建第一个Flutter项目

    image-20240517140945148

    image-20240517141042242

    image-20240517141323250

    打开项目目录下的安卓目录

    image-20240517145048386

    image-20240517145320505

    如果下载不成功的话,直接在网上把需要的包下载下来

    下载地址:Gradle Distributions

    5. 创建虚拟机

    image-20240522092644991

    image-20240522100121786

    image-20240522100420815

    image-20240522100845007

    image-20240522101032170

    image-20240522101228297

    image-20240522104725311

    6. 运行第一个Flutter程序

    image-20240522105203184

    7. VSCode安装插件

    7.1 代码提示插件

    image-20240522134439891

    7.2 代码保存时自动格式化

    image-20240702003246615