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

相关推荐
君蓦5 小时前
Flutter 本地存储与数据库的使用和优化
flutter
problc15 小时前
Flutter中文字体设置指南:打造个性化的应用体验
android·javascript·flutter
lqj_本人1 天前
鸿蒙next选择 Flutter 开发跨平台应用的原因
flutter·华为·harmonyos
lqj_本人1 天前
Flutter&鸿蒙next 状态管理框架对比分析
flutter·华为·harmonyos
起司锅仔1 天前
Flutter启动流程(2)
flutter
hello world smile1 天前
最全的Flutter中pubspec.yaml及其yaml 语法的使用说明
android·前端·javascript·flutter·dart·yaml·pubspec.yaml
lqj_本人1 天前
Flutter 的 Widget 概述与常用 Widgets 与鸿蒙 Next 的对比
flutter·harmonyos
iFlyCai1 天前
极简实现酷炫动效:Flutter隐式动画指南第二篇之一些酷炫的隐式动画效果
flutter
lqj_本人1 天前
Flutter&鸿蒙next 中使用 MobX 进行状态管理
flutter·华为·harmonyos