无涯教程-Flutter - 安装步骤

本章将指导您详细在本地计算机上安装Flutter。

在Windows中安装

在本节中,让无涯教程看看如何在Windows系统中安装 Flutter SDK 及其要求。

第1步 - 转到URL,https: //flutter.dev/docs/get-started/install/windows并下载最新的Flutter SDK。

第2步 - 将zip归档文件解压缩到一个文件夹中,例如C:\flutter\

第3步 - 更新系统路径以包括flutter bin目录。

第4步 - Flutter提供了一种工具,Flutter doctor可以检查是否满足Flutter开发的所有要求。

复制代码
flutter doctor

第5步 - 运行以上命令将分析系统并显示其报告,如下所示-

复制代码
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version
10.0.17134.706], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version
28.0.3)
[√] Android Studio (version 3.2)
[√] VS Code, 64-bit edition (version 1.29.1)
[!] Connected device
! No devices available
! Doctor found issues in 1 category.

该报告说,所有开发工具都可用,但设备未连接。无涯教程可以通过通过USB连接android设备或启动android模拟器来解决此问题。

第6步 - 启动android模拟器或将真实的android设备连接到系统。

第7步 - 为Android Studio安装Flutter和Dart插件,它提供启动模板以创建新的Flutter应用程序,并提供在Android Studio本身中运行和调试Flutter应用程序。

  • 打开Android Studio。

  • 单击Android Studio→Preferences→Plugins。

  • 选择Flutter插件,然后单击"Install"。

  • 在提示安装Dart插件时,单击"Yes"。

  • 重新启动Android Studio。

在MacOS中安装

要在MacOS上安装Flutter,您将必须执行以下步骤-

第1步 - 转到URL,https: //flutter.dev/docs/get-started/install/macos并下载最新的Flutter SDK。

第2步 - 将zip归档文件解压缩到一个文件夹中,例如/path/to/flutter

第3步 - 更新系统路径以包括flutter bin目录(在〜/.bashrc文件中)。

复制代码
> export PATH="$PATH:/path/to/flutter/bin"

第4步 - 使用以下命令在当前会话中启用更新的路径,然后进行验证。

复制代码
source ~/.bashrc
source $HOME/.bash_profile
echo $PATH

Flutter 提供了一个工具,Flutter doctor可以检查是否满足Flutter开发的所有要求。它类似于Windows版本。

Flutter - 安装步骤 - 无涯教程网无涯教程网提供本章将指导您详细在本地计算机上安装Flutter。 在Windows中安装在本节中,让无涯教程...https://www.learnfk.com/flutter/flutter-installation.html

相关推荐
三翼鸟数字化技术团队4 小时前
Flutter中的动效实现方式
flutter·动效
RaidenLiu5 小时前
告别繁琐:用 Signals 优雅处理 Flutter 异步状态
前端·flutter·前端框架
光影少年1 天前
Flutter生态及学习路线
学习·flutter
傅里叶1 天前
SchedulerBinding 的三个Frame回调
前端·flutter
立方世界1 天前
Flutter技术栈深度解析:从架构设计到性能优化
flutter
前端 贾公子1 天前
《Vuejs设计与实现》第 18 章(同构渲染)(上)
android·flutter
ZFJ_张福杰1 天前
【Flutter】约束错误总结(Constraint Error 全面解析)
flutter
程序员老刘2 天前
2025年Flutter状态管理新趋势:AI友好度成为技术选型第一标准
flutter·ai编程·客户端
AGG_Chan2 天前
flutter专栏--深入了解widget原理
开发语言·javascript·flutter