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 页面 )