无涯教程-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

相关推荐
勤劳打代码19 小时前
Flutter 架构日记 — 状态管理
flutter·架构·前端框架
比特鹰2 天前
手把手带你用Flutter手搓人生K线
前端·javascript·flutter
火柴就是我2 天前
Flutter限制输入框只能输入中文,iOS拼音打不出来?
flutter
TT_Close2 天前
【Flutter×鸿蒙】debug 包也要签名,这点和 Android 差远了
android·flutter·harmonyos
TT_Close3 天前
【Flutter×鸿蒙】FVM 不认鸿蒙 SDK?4步手动塞进去
flutter·swift·harmonyos
TT_Close3 天前
【Flutter×鸿蒙】一个"插队"技巧,解决90%的 command not found
flutter·harmonyos
恋猫de小郭3 天前
Flutter 发布官方 Skills ,Flutter 在 AI 领域再添一助力
android·前端·flutter
恋猫de小郭4 天前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本
android·前端·flutter
明君879974 天前
Flutter 如何给图片添加多行文字水印
前端·flutter
四眼肥鱼4 天前
flutter 利用flutter_libserialport 实现SQ800 串口通信
前端·flutter