Flutter 环境安装

1. 使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量添加到到用户环境变量中:

arduino 复制代码
set PUB_HOSTED_URL=https://pub.flutter-io.cn
set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
set HTTP_PROXY=http://127.0.0.1:7890 // 后面会需要用到  7890是你代理的端口,如有不同自行修改
set HTTPS_PROXY=https://127.0.0.1:7890
set NO_PROXY=localhost,127.0.0.1,::1
// 以上是所有需要设置的环境变量

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考flutter.dev/community/c... 以获得有关镜像服务器的最新动态

2. 获取Flutter SDK

  1. 去flutter官网下载其最新可用的安装包,下载地址:flutter.dev/docs/develo...

    注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包,地址:github.com/flutter/flu...

  2. 将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要 将flutter安装到需要一些高权限的路径如C:\Program Files)。

  3. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

更新环境变量

如果你想在Windows系统自带命令行运行flutter命令,需要添加以下环境变量到用户PATH:

  • 在开始菜单的搜索功能键入"env",然后选择 编辑系统环境变量

  • 在"用户变量"下检查是否有名为"Path"的条目:

    • 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
    • 如果该条目不存在,创建一个新用户变量 Path ,然后将 flutter\bin 的全路径作为它的值.

重启Windows以应用此更改.

运行 flutter doctor命令

在Flutter命令行运行如下命令来查看是否还需要安装其他依赖,如果需要,安装它们:

复制代码
flutter doctor

第一次运行flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下,安装完成后再运行flutter doctor命令来验证是否安装成功。

3)Android设置

Flutter依赖于Android Studio的全量安装。Android Studio不仅可以管理Android 平台依赖、SDK版本等,而且它也是Flutter开发推荐的IDE之一(当然,你也可以使用其他编辑器或IDE,我们将会在后面讨论)。

#安装Android Studio
  1. 下载并安装 Android Studio,下载地址:developer.android.com/studio/inde...
  2. 启动Android Studio,然后执行"Android Studio安装向导"。这将安装最新的Android SDK、Android SDK平台工具和Android SDK构建工具,这些是用Flutter进行Android开发所需要的。

Tips

flutter doctor 可能出现的错误提示:

1.A network error occurred while checking maven.google.com 通过上面的HTTP_PROXY,HTTPS_PROXY环境变量解决

2.Visual Studio not installed; this is necessary to develop Windows apps. Download at visualstudio.microsoft.com/downloads/. Please install the "Desktop development with C++" workload, including all of its default components,这个错误 需下载vs_BuildTools.exe 文件

到此安装成功

相关推荐
花间相见10 分钟前
【终端效率工具01】—— Yazi:Rust 编写的现代化终端文件管理器,告别繁琐操作
前端·ide·git·rust·极限编程
|晴 天|20 分钟前
我如何用Vue 3打造一个现代化个人博客系统(性能提升52%)
前端·javascript·vue.js
风止何安啊28 分钟前
网页都知道要双向握手才加载!从 URL 到页面渲染,单向喜欢连 DNS 都解析不通
前端·javascript·面试
太极OS34 分钟前
给 AI Skill 做 CI/CD:GitHub + ClawHub + Xiaping 同步发布实战
前端
你_好34 分钟前
Chrome 内置了 AI 工具协议?WebMCP 抢先体验 + 开源 DevTools 全解析
前端·mcp
GISer_Jing34 分钟前
LangChain.js + LangGraph.js 前端AI开发实战指南
前端·javascript·langchain
正在发育ing__38 分钟前
从源码看vue的key和状态错乱的patch
前端
黄林晴1 小时前
第一次听到 Tauri 这个词,去学习一下
前端
可可爱爱的你吖1 小时前
蜂鸟云地图简单实现
前端
布局呆星1 小时前
Vue3 :生命周期、DOM 操作与自定义组合式函数
前端·javascript·vue.js