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 文件

到此安装成功

相关推荐
এ慕ོ冬℘゜4 小时前
前端实战:jQuery实现动态表格渲染与状态切换功能
前端·javascript·jquery
jay神5 小时前
【计算机毕业设计】基于Flask+Vue的电影数据可视化与智能推荐系统
前端·vue.js·python·信息可视化·flask·毕业设计·课程设计
FreeTinker11 小时前
HTML本地存储技术解析:localStorage与sessionStorage的原理、差异与应用场景
前端·html
qq_4523962311 小时前
第十二篇:《全链路监控与可观测性:前端错误追踪与性能分析》
前端
wangruofeng12 小时前
Phosphor Icons 官网源码拆解:URL 即存储、水波动画与 7362 Star 图标库的架构实践
前端·架构·github
BigTopOne13 小时前
WebRTC Native / Android 开发学习资源整理
前端
excel14 小时前
nuxt 3 升级 nuxt 4 报错之 hasInjectionContext
前端
何以解忧,唯有..14 小时前
LangChain 工具调用(Tool Calling)实战指南
java·前端·langchain
软件聚导航15 小时前
「聚小软 AI 助手」技术升级:从数据库检索到 RAG 知识库问答
前端·数据库·mysql·微信小程序·小程序·ai编程·rag
恋猫de小郭15 小时前
看懂大模型架构术语,帮助你理解目前常见的大模型开源架构
前端·人工智能·ai编程