0

0

Flutter 环境及配置

看不見的法師

看不見的法師

发布时间:2025-07-29 08:04:24

|

327人浏览过

|

来源于php中文网

原创

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.cn
FLUTTER_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=xxx\flutter\bin

配置完成后,打开一个新的命令行窗口,就可以在命令行中使用 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

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

Shopxp购物系统Html版
Shopxp购物系统Html版

一个经过完善设计的经典网上购物系统,适用于各种服务器环境的高效网上购物系统解决方案,shopxp购物系统Html版是我们首次推出的免费购物系统源码,完整可用。我们的系统是免费的不需要购买,该系统经过全面测试完整可用,如果碰到问题,先检查一下本地的配置或到官方网站提交问题求助。 网站管理地址:http://你的网址/admin/login.asp 用户名:admin 密 码:admin 提示:如果您

下载

然后进入项目目录

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 环境及配置总结:

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

相关专题

更多
Java Maven专题
Java Maven专题

本专题聚焦 Java 主流构建工具 Maven 的学习与应用,系统讲解项目结构、依赖管理、插件使用、生命周期与多模块项目配置。通过企业管理系统、Web 应用与微服务项目实战,帮助学员全面掌握 Maven 在 Java 项目构建与团队协作中的核心技能。

0

2025.09.15

自建git服务器
自建git服务器

git服务器是目前流行的分布式版本控制系统之一,可以让多人协同开发同一个项目。本专题为大家提供自建git服务器相关的各种文章、以及下载和课程。

637

2023.07.05

git和svn的区别
git和svn的区别

git和svn的区别:1、定义不同;2、模型类型不同;3、存储单元不同;4、是否拥有全局版本号;5、内容完整性不同;6、版本库不同;7、克隆目录速度不同;8、分支不同。php中文网为大家带来了git和svn的相关知识、以及相关文章等内容。

525

2023.07.06

git撤销提交的commit
git撤销提交的commit

Git是一个强大的版本控制系统,它提供了很多功能帮助开发人员有效地管理和控制代码的变更,本专题为大家提供git 撤销提交的commit相关的各种文章内容,供大家免费下载体验。

264

2023.07.24

git提交错误怎么撤回
git提交错误怎么撤回

git提交错误撤回的方法:git reset head^:撤回最后一次提交,恢复到提交前状态。git revert head:创建新提交,内容与之前提交相反。git reset :使用提交的 sha-1 哈希撤回指定提交。交互式舞台区:标记要撤回的特定更改,然后提交,排除已撤回更改。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

541

2024.04.09

git怎么对比两个版本的文件内容
git怎么对比两个版本的文件内容

要对比两个版本的 git 文件,请使用 git diff 命令:git diff 比较工作树和暂存区之间的差异。git diff 比较两个提交或标签之间的差异。git diff 输出显示差异块,其中 + 表示添加的行,- 表示删除的行, 表示修改的行。可使用 gitkraken、meld、beyond compare 等可视化工具更直观地查看差异。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

512

2024.04.09

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

569

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1088

2023.07.27

c++主流开发框架汇总
c++主流开发框架汇总

本专题整合了c++开发框架推荐,阅读专题下面的文章了解更多详细内容。

25

2026.01.09

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.0万人学习

Flutter开发基础教程_微信克隆
Flutter开发基础教程_微信克隆

共25课时 | 2.7万人学习

Dart Flutter2入门实战视频教程
Dart Flutter2入门实战视频教程

共47课时 | 6.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号