FlutterFlutter 开发环境搭建 ( 2021年08月25日 补充最新资料 | 最新安装教程 )

Posted 韩曙亮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了FlutterFlutter 开发环境搭建 ( 2021年08月25日 补充最新资料 | 最新安装教程 )相关的知识,希望对你有一定的参考价值。

前言

去年写过一篇 Flutter 的安装博客 , 今年再更新一下安装内容 ;

【Flutter】Flutter 开发环境搭建 ( android Studio 下 Flutter / Dart 插件安装 | Flutter SDK 安装 | 环境变量配置 | 开发环境检查 ) : https://hanshuliang.blog.csdn.net/article/details/104825048 ;

更新下需要下载的 Flutter SDK 地址 , 国内都被墙了 ;

安装教程比较旧了 , 更新一个最新的 Flutter 安装教程 ;





一、Android Studio 环境安装 Flutter / Dart 插件



Android Studio 中安装 Flutter 和 Dart 插件的步骤不变 , 参考 Android Studio 环境安装 Flutter / Dart 插件 章节 ;


1 . Flutter 插件搜索安装 : Android Studio 菜单栏 -> File -> Settings -> Plugins , 在 Marketplace 中搜索 Flutter 插件 , 点击 Install 按钮安装 ;


2 . 点击 Install 安装 : 会提示依赖第三方插件 , 需要 安装 Dart 插件 , 这里需要额外安装 Dart 插件 ;


3 . 接受安装第三方插件 :


4 . 安装 Dart 插件 :

5 . Flutter / Dart 插件 安装完成 :


6 . 重启 Android Studio : 安装完毕后 , 重启 Android Studio 插件才能生效 ;





二、Flutter SDK 下载



进入 Flutter 官网 https://flutter.dev/ 的 Flutter SDK 下载页面 https://flutter.dev/docs/development/tools/sdk/releases , 截止到 2021年08月25日 当前最新的稳定版本是 7月2号发布的 2.2.3 2.2.3 2.2.3 版本 , 下载地址 https://storage.googleapis.com/flutter_infra_release/releases/stable/windows/flutter_windows_2.2.3-stable.zip ;

开发推荐使用 这个 2.2.3 2.2.3 2.2.3 稳定版按本的 SDK ;

截止到 2021年08月25日 , 当前最新的 Beta 通道测试版本是 2.5.0-5.2.pre , 下载地址是 https://storage.googleapis.com/flutter_infra_release/releases/beta/windows/flutter_windows_2.5.0-5.2.pre-beta.zip

截止到 2021年08月25日 , 当前最新的开发通道测试版本是 2.5.0-6.0.pre , 下载地址是
https://storage.googleapis.com/flutter_infra_release/releases/dev/windows/flutter_windows_2.5.0-6.0.pre-dev.zip





三、设置 Flutter 环境变量




1、设置 Flutter SDK环境变量


将之前下载的 flutter_windows_2.2.3-stable.zip 解压 ;


找到该 SDK 的 bin 目录

D:\\001_Develop\\010_Flutter\\flutter_windows_2.2.3-stable\\flutter\\bin

将上述 bin 目录配置到系统的环境变量中 ;


2、设置 Flutter 仓库地址环境变量


PUB_HOSTED_URL : https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL : https://storage.flutter-io.cn

配置 FLUTTER_STORAGE_BASE_URL 变量 :

变量名(N):FLUTTER_STORAGE_BASE_URL
变量值(V):https://storage.flutter-io.cn

配置 PUB_HOSTED_URL 变量 :

变量名(N):PUB_HOSTED_URL
变量值(V):https://pub.flutter-io.cn


3、配置 Android SDK 环境变量


① 配置 Android SDK 路径 : 首先要配置 ANDROID_HOME 环境变量 , 配置内容是 Android SDK 根目录 ;

变量名(N):ANDROID_HOME
变量值(V):D:\\001_Programs\\001_Android\\002_Sdk\\Sdk


② 配置 Android SDK 的相关环境变量 : 需要在 Path 环境变量中 , 配置 emulator , platform-tools , tools 地址 ; 格式分别是

%ANDROID_HOME%\\emulator
%ANDROID_HOME%\\platform-tools
%ANDROID_HOME%\\tools





四、Flutter 环境变量检查



1 . 检查环境 : 上述操作完成后 , 执行 flutter doctor 命令 , 检查 Flutter 开发环境 ; 该命令第一次运行消耗时间比较长 5 ~ 10 分钟甚至更多 , 耐心等待 ;

flutter doctor

2 . 同意全部许可协议 : 按照上述提示 , 执行 flutter doctor --android-licenses 命令 , 同意全部许可协议 , 即可检测通过 ;

flutter doctor --android-licenses

这是去年提示的内容 :

这是本次执行后的内容 :

Warning: Observed package id 'extras;intel;Hardware_Accelerated_Execution_Manager' in inconsistent location 'D:\\001_Develop\\001_SDK\\Sdk\\extras\\intel\\Hardware_Accelerated_Execution_Manager-2' (Expected 'D:\\001_Develop\\001_SDK\\Sdk\\extras\\intel\\Hardware_Accelerated_Execution_Manager')
Warning: Already observed package id 'extras;intel;Hardware_Accelerated_Execution_Manager' in 'D:\\001_Develop\\001_SDK\\Sdk\\extras\\intel\\Hardware_Accelerated_Execution_Manager'. Skipping duplicate at 'D:\\001_Develop\\001_SDK\\Sdk\\extras\\intel\\Hardware_Accelerated_Execution_Manager-2'
Warning: Observed package id 'extras;intel;Hardware_Accelerated_Execution_Manager' in inconsistent location 'D:\\001_Develop\\001_SDK\\Sdk\\extras\\intel\\Hardware_Accelerated_Execution_Manager-2' (Expected 'D:\\001_Develop\\001_SDK\\Sdk\\extras\\intel\\Hardware_Accelerated_Execution_Manager')
Warning: Already observed package id 'extras;intel;Hardware_Accelerated_Execution_Manager' in 'D:\\001_Develop\\001_SDK\\Sdk\\extras\\intel\\Hardware_Accelerated_Execution_Manager'. Skipping duplicate at 'D:\\001_Develop\\001_SDK\\Sdk\\extras\\intel\\Hardware_Accelerated_Execution_Manager-2'
All SDK package licenses accepted.======] 100% Computing updates...

以上是关于FlutterFlutter 开发环境搭建 ( 2021年08月25日 补充最新资料 | 最新安装教程 )的主要内容,如果未能解决你的问题,请参考以下文章

FlutterFlutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 BasicMessageChannel 通信 )

FlutterFlutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 MethodChannel 通信 )

FlutterFlutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 EventChannel 通信 )

FlutterFlutter 混合开发 ( 关联 Android 工程与 Flutter 工程 | 安卓页面中嵌入 Flutter 页面 | 安卓中启动 Flutter 页面 )

Flutter第二天

FlutterFlutter 混合开发 ( 混合开发中 Flutter 的 热重启 / 热加载 )