目录

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

本文是转载文章,点击查看原文
如有侵权,请联系 xyy@jishuzhan.net 删除
相关推荐
getapi32 分钟前
flutter点击事件教程
flutter
pengyu3 小时前
系统化掌握Dart网络编程之Dio(四):拦截器篇
android·flutter·dart
bst@微胖子4 小时前
Flutter之用户输入&网络数据&缓存
android·flutter·缓存
恋猫de小郭8 小时前
注意,暂时不要升级 MacOS ,Flutter/RN 等构建 ipa 可能会因 「ITMS-90048」This bundle is invalid 被拒绝
android·前端·flutter
前端极客探险家11 小时前
Flutter vs React Native:跨平台移动开发框架对比
flutter·react native·react.js
每次的天空17 小时前
Flutter学习总结之Android渲染对比
android·学习·flutter
LinXunFeng19 小时前
Flutter - Xcode16 还原编译速度
前端·flutter·xcode
小墙程序员21 小时前
Flutter 教程(十四)动画
flutter
leluckys1 天前
flutter 专题 六十八 Flutter 多图片上传
前端·javascript·flutter
小墙程序员1 天前
Flutter 教程(十三)混合开发
flutter