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

相关推荐
苦逼的搬砖工15 小时前
Flutter UI Components:闲来无事,设计整理了这几年来使用的UI组件库
前端·flutter
黑金IT17 小时前
Dart → `.exe`:Flutter 桌面与纯命令行双轨编译完全指南
flutter
iOS_MingXing17 小时前
flutter TabBar 设置isScrollable 第一个有间距
flutter
小红星闪啊闪2 天前
Flutter开发 -- 需要了解的Dart知识
flutter
小李A_Z2 天前
[Flutter]介绍些flutter的弹窗
flutter
小李A_Z2 天前
[Flutter]介绍写Flutetr的按钮
flutter
恋猫de小郭2 天前
Flutter 官方 LLM 动态 UI 库 flutter_genui 发布,让 App UI 自己生成 UI
android·前端·flutter
tangweiguo030519872 天前
FlutterActivity vs FlutterFragmentActivity:全面对比与最佳实践
android·flutter
ITKEY_2 天前
flutter日期选择国际化支持
开发语言·javascript·flutter
农夫三拳_有点甜2 天前
Flutter SystemChrome 完整指南
flutter