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

韩曙亮 韩曙亮     2022-12-25     618

关键词:

前言

去年写过一篇 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混合开发(简介|flutter混合开发集成步骤|创建fluttermodule)(代码片段)

文章目录一、Flutter混合开发简介二、Flutter混合开发集成步骤三、创建FlutterModule1、使用命令行创建FlutterModule项目(仅做参考)2、AndroidStudio中创建FlutterModule(推荐)3、FlutterModule项目文件结构四、相关资源一、Flutter混合开发简介开发... 查看详情

flutterflutter混合开发(混合开发中flutter的热重启/热加载)(代码片段)

文章目录前言一、混合开发中启用Flutter的热重启/热加载二、混合开发中Flutter的热重启/热加载命令测试三、指定混合应用连接的设备四、相关资源前言上一篇博客【Flutter】Flutter混合开发(安卓端向Flutter传递数据|FlutterFragment数据... 查看详情

flutterflutter混合开发(flutter与native通信|完整代码示例)(代码片段)

文章目录前言一、Android端完整代码示例二、Flutter端完整代码示例三、相关资源前言前置博客:【Flutter】Flutter混合开发(Flutter与Native通信|在Flutter端实现BasicMessageChannel通信)【Flutter】Flutter混合开发(Flutter与Native通信|在Flutter端实现M... 查看详情

stm32cubemx+makefile---开发环境搭建(代码片段)

...已同步至码云-点此链接进入仓库<<环境工具版本说明开发板小熊派IoT开发板建议相同ubuntu16.04版本关系不大STM32CubeMXV6.3.0建议相同L4软件包STM32CubeFW_L4V1.16.0建议相同STM32CubeProgrammerv2.8.0版本关系不大交叉编译工具链gcc-arm-none-eabi... 查看详情

搭建开发环境

文章目录整体思路具体操作搭建Swfit开发环境搭建Kotlin开发环境搭建Dart开发环境开发语言都需要相关的开发环境,我分享一下在不同平台(windows/Linux/Mac)下搭建开发环境的经验。整体思路不管是哪种平台,搭建开发环境的整体思... 查看详情

flutterflutter混合开发(flutter与native通信|android端实现methodchannel通信)(代码片段)

文章目录前言一、Android端MethodChannel构造函数二、Android端setMethodCallHandler方法三、Android端实现MethodChannel通信步骤四、相关资源前言本博客与【Flutter】Flutter混合开发(Flutter与Native通信|在Flutter端实现MethodChannel通信)博客相对应,该... 查看详情

搭建开发环境

1:下载MinGW2:设置环境变量3:编译程序。  查看详情

flutterflutter混合开发(dart代码调试|flutter单独调试|混合模式下flutter调试)

文章目录前言一、单独运行Flutter代码时调试Dart代码二、混合模式下Flutter调试Dart代码三、相关资源前言Flutter混合开发集成步骤:①在AndroidStudio中创建FlutterModule;②为Native应用添加FlutterModule依赖;③在Native应用(Android/iOS应用)中,调... 查看详情

flutterflutter混合开发(flutter与native通信|android端实现basicmessagechannel通信)(代码片段)

文章目录前言一、Android端BasicMessageChannel构造函数二、Android端MessageCodec子类实现三、Android端setMessageHandler方法四、Android端send方法五、Android端实现BasicMessageChannel通信步骤六、相关资源前言本博客与【Flutter】Flutter混合开发(Flutter... 查看详情

flutterflutter混合开发(flutter与native通信|android端实现eventchannel通信)(代码片段)

文章目录前言一、Android端EventChannel构造函数二、Android端setStreamHandler方法三、Android端实现EventChannel通信步骤四、Android端与Flutter端EventChannel注册与监听流程五、相关资源前言本博客与【Flutter】Flutter混合开发(Flutter与Native通信|在F... 查看详情

详细图文教学:java开发环境搭建

    在项目产品开发中,开发环境搭建是软件开发的首要阶段,也是必须阶段,只有开发环境搭建好了,方可进行开发,良好的开发环境搭建,为后续的开发工作带来极大便利。    对于大公司来说,... 查看详情

flutterflutter混合开发(flutter与native通信|在flutter端实现basicmessagechannel通信)(代码片段)

文章目录一、BasicMessageChannel简介二、BasicMessageChannel在Dart端的实现1、BasicMessageChannel构造方法2、使用BasicMessageChannel接收Native发送的消息3、使用BasicMessageChannel向Native发送消息4、BasicMessageChannel使用流程三、相关资源一、BasicMessageC... 查看详情

flutter开发环境搭建(代码片段)

个人博客:http://www.milovetingting.cnFlutter开发环境搭建前言参考链接:https://flutterchina.club/Windows系统下Flutter开发环境搭建使用镜像由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,可以将如下环境... 查看详情

开发环境——基于rhel6.8开发环境的搭建

开发环境——基于RHEL6.8开发环境的搭建    本文讲述了基于RHEL6.8操作系统搭建开发环境,主要安装了GCC4.9.3、Qt5.7、Apache2.4.25、MySQL5.6.35。本文同时适用于在Linux主机无互联网环境下搭建开发环境,只需要将所需安... 查看详情

极智开发|腾讯云ecs本地开发环境搭建(代码片段)

...好,我是极智视界,本文介绍一下腾讯云ECS本地开发环境搭建。 之前介绍过华为云和阿里云的开发环境搭建,有兴趣的同学可以移步我的这两篇:《极智开发|阿里云ECS本地开发环境搭建》、《极智开发|华为云EC... 查看详情

1.开发环境搭建

目录1.开发环境搭建1.1 STM32开发软件安装1.2KEIL5破解1.3 CubeMX软件安装1.3.1 安装JDK1.3.2安装CubeMX 1.3.3 STM32CubeMX固件支持包的安装(离线包) 1.4开发板介绍1.开发环境搭建1.1 STM32开发软件安装1.找到keil5安装包,可以在... 查看详情

简介与开发环境搭建

Py-appleDynamics简介与开发环境搭建1简介1.1何为菠萝狗和Py-AppleDynamics1.2目前支持的功能2开发环境搭建2.1硬件的搭建2.1软件(开发平台)的搭建(1)安装串口驱动(2)安装UpyCraft3配套视频教程3.1灯哥系列(新版本)--更新... 查看详情

内核搭建完整的mini2440开发板驱动开发环境(仿照jz2440驱动开发环境搭建)

一、mini2440开发板驱动环境搭建:《mini2440用户手册》说明原文>>注意:本开发板提供的linux内核并不能直接用于u-boot,因为我们公司是不使用u-boot的,并且对其各个参数设置并不了解,关于U-Boot的使用方法用户可以参考网上... 查看详情