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)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Hutool AES工具类加密解密失败:循环内外初始化差异导致了什么问题?
上一篇 2025年11月10日 23:14:32
爱心推手2攻略4-2 爱心推手2第4-2关通关方法心得分享
下一篇 2025年11月10日 23:14:44

相关推荐

  • composer require-dev和require有什么不同_Composer Require与Require-Dev区别解析

    require用于声明项目运行必需的依赖,如框架、数据库组件和第三方SDK,这些包会随项目部署到生产环境;2. require-dev用于声明仅在开发和测试阶段需要的工具,如PHPUnit、PHPStan、Faker等,不会默认部署到生产环境;3. 安装时composer install根据环境决定…

    2026年5月10日
    1000
  • 开源免费PHP工具 PHP开发效率提升利器

    推荐开源免费PHP开发工具以提升效率:VS Code、Sublime Text轻量高效,PhpStorm专业强大;调试用Xdebug、Kint、Ray;依赖管理选Composer;代码质量工具包括PHPStan、Psalm、PHP_CodeSniffer;数据库管理可用%ignore_a_1%MyA…

    2026年5月10日
    000
  • 利用海象运算符简化条件赋值:Python教程与最佳实践

    本文旨在探讨Python中海象运算符(:=)在条件赋值场景下的应用。通过对比传统if/else语句与海象运算符,以及条件表达式,分析海象运算符在简化代码、提高可读性方面的优势与局限性。并通过具体示例,展示如何在列表推导式等场景下合理使用海象运算符,同时强调其潜在的复杂性及替代方案,帮助开发者更好地掌…

    2026年5月10日
    100
  • Debian syslog性能优化技巧有哪些

    提升Debian系统syslog (通常基于rsyslog)性能,关键在于精简配置和高效处理日志。以下策略能有效优化日志管理,提升系统整体性能: 精简配置,高效加载: 在rsyslog配置文件中,仅加载必要的输入、输出和解析模块。 使用全局指令设置日志级别和格式,避免不必要的处理。 自定义模板: 创…

    2026年5月10日
    000
  • 怎么在PHP代码中实现图片上传功能_PHP图片上传功能实现与安全处理教程

    首先创建含enctype的HTML表单,再用PHP接收文件,检查目录、移动临时文件,验证类型与大小,生成唯一文件名,并调整php.ini限制以确保上传成功。 如果您尝试在PHP项目中添加图片上传功能,但服务器无法正确接收或保存文件,则可能是由于表单配置、文件处理逻辑或安全限制的问题。以下是实现该功能…

    2026年5月10日
    100
  • 比特币新手教程 比特币交易平台有哪些

    比特币是一种去中心化的数字货币,基于区块链技术实现点对点交易,具有匿名性、有限发行和不可篡改等特点;新手可通过交易所购买,P2P交易获得比特币,常用平台包括Binance、OKX和Huobi;交易流程包括注册账户、实名认证、绑定支付方式、充值法币并下单购买,可选择市价单或限价单;比特币存储方式有交易…

    2026年5月10日
    000
  • c++中的SFINAE技术是什么_c++模板编程中的SFINAE原理与应用

    SFINAE 是“替换失败不是错误”的原则,指模板实例化时若参数替换导致错误,只要存在其他合法候选,编译器不报错而是继续重载决议。它用于条件启用模板、类型检测等场景,如通过 decltype 或 enable_if 控制函数重载,实现类型特征判断。尽管 C++20 引入 Concepts 简化了部分…

    2026年5月10日
    000
  • 修复点击时按钮抖动:CSS垂直对齐实践

    本文探讨了在Web开发中,交互式按钮(如播放/暂停按钮)在点击时发生意外垂直位移的问题。通过分析CSS样式变化对元素布局的影响,我们发现这是由于按钮不同状态下的边框样式和内边距改变,以及默认的垂直对齐行为共同作用所致。核心解决方案是利用CSS的vertical-align属性,将其设置为middle…

    2026年5月10日
    000
  • 理解编程指令:当结果正确,但实现方式不符要求时

    本文探讨了在编程实践中,即使程序输出了正确的结果,但若其实现方式未能严格遵循既定指令,仍可能被视为“不正确”的问题。我们将通过具体示例,对比直接求和与累加求和两种实现策略,强调理解和遵守编程规范的重要性,以确保代码的健壮性、可维护性及符合项目要求。 在软件开发过程中,我们经常会遇到这样的情况:编写的…

    2026年5月10日
    000
  • Golang goroutine与channel调试技巧

    使用go run -race检测数据竞争,结合runtime.NumGoroutine监控协程数量,通过pprof分析阻塞调用栈,利用select超时避免永久阻塞,有效排查goroutine泄漏、死锁和数据竞争问题。 Go语言的goroutine和channel是并发编程的核心,但它们也带来了调试上…

    2026年5月10日
    000
  • 使用 Jupyter Notebook 进行探索性数据分析

    Jupyter Notebook通过单元格实现代码与Markdown结合,支持数据导入(pandas)、清洗(fillna)、探索(matplotlib/seaborn可视化)、统计分析(describe/corr)和特征工程,便于记录与分享分析过程。 Jupyter Notebook 是进行探索性…

    2026年5月10日
    000
  • 网站标题关键词更新后,搜索引擎为何仍显示旧标题?

    网站标题更新后,搜索引擎为何显示旧标题? 网站SEO优化中,站长常修改网站标题关键词,期望搜索结果显示自定义标题。然而,即使更新标签、meta keywords、meta description和结构化数据中的name属性后,搜索结果仍显示旧标题,这令人费解。本文将对此进行解释。 问题:站长修改了网…

    2026年5月10日
    100
  • Python命令怎样使用profile分析脚本性能 Python命令性能分析的基础教程

    使用Python的cProfile模块分析脚本性能最直接的方式是通过命令行执行python -m cProfile your_script.py,它会输出每个函数的调用次数、总耗时、累积耗时等关键指标,帮助定位性能瓶颈;为进一步分析,可将结果保存为文件python -m cProfile -o ou…

    2026年5月10日
    000
  • 如何插入查询结果数据_SQL插入Select查询结果方法

    如何插入查询结果数据_SQL插入Select查询结果方法如何插入查询结果数据_SQL插入Select查询结果方法如何插入查询结果数据_SQL插入Select查询结果方法如何插入查询结果数据_SQL插入Select查询结果方法

    使用INSERT INTO…SELECT语句可高效插入数据,通过NOT EXISTS、LEFT JOIN、MERGE语句或唯一约束避免重复;表结构不一致时可通过别名、类型转换、默认值或计算字段处理;结合存储过程可提升可维护性,支持参数化与动态SQL。 将查询结果数据插入到另一个表中,可以…

    2026年5月10日 用户投稿
    000
  • Discord.py 交互按钮超时与持久化解决方案

    本教程旨在解决Discord.py中交互按钮在一段时间后出现“This Interaction Failed”错误的问题。我们将深入探讨视图(View)的超时机制,并提供通过正确设置timeout参数以及利用bot.add_view()方法实现按钮持久化的具体方案,确保您的机器人交互功能稳定可靠,即…

    2026年5月10日
    000
  • python中zip函数详解 python多序列压缩zip函数应用场景

    zip函数的应用场景包括:1) 同时遍历多个序列,2) 合并多个列表的数据,3) 数据分析和科学计算中的元素运算,4) 处理csv文件,5) 性能优化。zip函数是一个强大的工具,能够简化代码并提高处理多个序列时的效率。 在Python中,zip函数是一个非常有用的工具,它能够将多个可迭代对象打包成…

    2026年5月10日
    000
  • c++如何实现UDP通信_c++基于UDP的网络通信示例

    UDP通信基于套接字实现,适用于实时性要求高的场景。1. 流程包括创建套接字、绑定地址(接收方)、发送(sendto)与接收(recvfrom)数据、关闭套接字;2. 服务端监听指定端口,接收客户端消息并回传;3. 客户端发送消息至服务端并接收响应;4. 跨平台需处理Winsock初始化与库链接,编…

    2026年5月10日
    000
  • 谷歌浏览器如何截图 谷歌浏览器页面截图技巧

    谷歌浏览器如何截图 谷歌浏览器页面截图技巧谷歌浏览器如何截图 谷歌浏览器页面截图技巧谷歌浏览器如何截图 谷歌浏览器页面截图技巧谷歌浏览器如何截图 谷歌浏览器页面截图技巧

    使用谷歌浏览器的开发者工具截图步骤:1. 按ctrl+shift+i(windows/linux)或cmd+option+i(mac)打开开发者工具。2. 点击右上角三个点,选择”更多工具”,再选择”截图”。3. 选择截取整个页面。推荐的谷歌浏览器扩展…

    2026年5月10日 用户投稿
    100
  • Python中怎样使用pymongo?

    在python中使用pymongo可以轻松地与mongodb数据库进行交互。1)安装pymongo:pip install pymongo。2)连接到mongodb:from pymongo import mongoclient; client = mongoclient(‘mongod…

    2026年5月10日
    000
  • JavaScript函数中插入加载动画(Spinner)的正确方法

    本文旨在解决在JavaScript函数中插入加载动画(Spinner)时遇到的异步问题。通过引入async/await和Promise.all,确保在数据处理完成前后正确显示和隐藏加载动画,提升用户体验。我们将提供两种实现方案,并详细解释其原理和优势。 在Web开发中,当执行耗时操作时,显示加载动画…

    2026年5月10日
    000

发表回复

登录后才能评论
关注微信