Flutter 环境及配置

flutter是谷歌开发的移动ui框架,能够迅速在ios和android平台上构建高质量的原生用户界面。flutter可以与现有代码无缝集成。

Flutter 中文网】https://www.php.cn/link/e40dfc943a072c765a6ecf618443d386

Windows、macOS、Linux 都有各自的安装指南。

由于我使用的是 Windows 系统,这里以 Windows 为例进行说明。

操作系统: Windows 7 或更高版本 (64-bit)所需磁盘空间: 400 MB (不包括Android Studio的磁盘空间)。必需工具: Flutter 依赖以下命令行工具。Git for Windows (Git命令行工具)Flutter 中文网提到,可以通过 Flutter 官网提供的 SDK 安装包来安装。

注意:然而,我在尝试使用 Flutter SDK 的安装包运行项目时遇到了错误,因此建议通过从 GitHub 上克隆 Flutter 项目来安装。

首先,需要将以下配置添加到系统环境变量中:

PUB_HOSTED_URL=https://pub.flutter-io.cnFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注意:由于一些 Flutter 命令需要联网获取数据,如果您在国内访问,由于众所周知的原因,直接访问可能不会成功。

PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL 是谷歌为国内开发者提供的临时镜像。

更多详情请参考 Using Flutter in China

完成上述配置并从 GitHub 上克隆 Flutter 项目后,再将 Flutter 文件夹下的 bin 目录添加到系统环境变量中。

【GitHub 地址】https://www.php.cn/link/cffb7924cc48c212e70437f8b32c5831

PATH=xxxflutterbin

配置完成后,打开一个新的命令行窗口,就可以在命令行中使用 Flutter 命令了。

Flutter 环境及配置(点击查看大图 flutter 命令输出)如果能看到上述命令行输出,说明您已成功配置了 Flutter 环境。

这里我有一个不成熟的建议:

如果未出现上述输出,请重新从文章开头开始操作。如果尝试三次后仍未成功,请重启电脑。如果重启后再尝试三次仍然无效,少侠,我看你骨骼精奇,这本秘笈我就10……

算了,免费送你了。

Flutter 环境及配置我真的 ball ball 你,请珍惜生命和头发吧!!!

当然,如果一切正常,

此时您可以打开 VS Code,在插件商店中搜索并安装 Flutter 支持扩展。

安装此扩展后,会自动安装 Dart SDK 和相关支持扩展。

等待安装完成后,重启 VS Code,扩展插件就能正常工作了。

当以上步骤都正确执行后,在命令行中输入

flutter doctor

根据官方说明:首次运行此命令时,它会下载自己的依赖并进行自编译,以后运行会快很多。

然而,官方没有详细说明的是,它还会检查相关的环境配置信息、相关的 SDK 以及 IDE 的安装环境。

Flutter 环境及配置Flutter 环境Android 开发环境 以及 Android SDKVisual Studio 开发工具 和 环境(非必须,但有更好)Android Studio IDE(非必须,但有更好)Connected device(连接的设备:真机 或 虚拟机)当 flutter doctor 检测到没有明显错误后,就可以考虑创建一个 Flutter 项目了。

flutter create myapp

稍等片刻,项目就创建完成了。

琅琅配音 琅琅配音

全能AI配音神器

琅琅配音 208 查看详情 琅琅配音

然后进入项目目录

cd myapp

此时您将看到项目目录结构。

接下来,您需要连接真机或虚拟机,然后在命令行中输入

flutter devices

如果一切正常,该命令会检查设备,并将设备信息显示在命令行中。

现在,让我们启动项目吧!

flutter run

稍等片刻……片刻……片刻……

Flutter 环境及配置如果一切正常,您将在设备上看到由 flutter create 生成的 demo。

Flutter 环境及配置(flutter demo – Android)但是!!!

很不幸,您可能很可能遇到错误!

别问为什么

(由于众所周知的原因,您懂的!)

您看到的结果可能是这样的

Flutter 环境及配置首先!不要惊慌,不要害怕!把毛巾打湿捂住口鼻,压低或蹲下身子有序逃……

emmmmm……不好意思,走错片场了。

主要原因还是因为无法连接到国际互联网,导致无法获取相关的包信息。

没关系,找到您克隆的 Flutter 项目文件夹,然后进入

Flutter->packages->flutter_tools->gradle 找到 flutter.gradle 文件。

将 buildscript -> repositories 下的 google()、jcenter() 两个方法进行注释。

然后添加阿里云(aliyun)提供的 maven 仓库镜像进行替换

maven{ url 'https://maven.aliyun.com/repository/google' }maven{ url 'https://maven.aliyun.com/repository/gradle-plugin' }maven{ url 'https://maven.aliyun.com/repository/jcenter' }maven{ url 'https://maven.aliyun.com/repository/public' }

Flutter 环境及配置(替换仓库镜像)然后再次执行 flutter run 命令,您就可以看到正常运行的 Flutter 项目 demo 了。

祝各位神仙大佬们 build 一次过。

如果尝试了很多次还是有问题,请您取关吧,我不认识您。

Flutter 环境及配置总结:

官方文档是您入门的好帮手,请务必认真阅读。认真分析和总结问题的所在。有时候重启也是可尝试的方法之一。

以上就是Flutter 环境及配置的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/607233.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月10日 23:13:52
下一篇 2025年11月10日 23:15:06

相关推荐

发表回复

登录后才能评论
关注微信