Flutter 在各平台的安装与配置(Windows,macos,linux)【Flutter 专题 0】

简介: Flutter 的特点Flutter 提供了简单而简单的方法来开始构建漂亮的移动和桌面应用程序,其中包含一组丰富的材料设计和小部件。在这里,我们将讨论其用于开发移动框架的主要功能。

大家好,我是坚果前端,今天给大家带来的是 Flutter 在各平台的安装与配置


在此之前给大家简单介绍一下 Flutter

Flutter 的特点

Flutter 提供了简单而简单的方法来开始构建漂亮的移动和桌面应用程序,其中包含一组丰富的材料设计和小部件。在这里,我们将讨论其用于开发移动框架的主要功能。


image.png



Flutter 的优点:

Flutter 满足开发移动应用程序的自定义需求和要求。它还提供了许多优点,如下所列。


  • 由于热重载功能,它使应用程序开发过程非常快。此功能允许我们更改或更新代码,一旦进行更改就会反映出来。
  • 它提供了使用应用程序时更流畅和无缝的滚动体验,没有太多的挂起或削减,与其他移动应用程序开发框架相比,这使得应用程序运行速度更快。
  • Flutter 减少了测试的时间和精力。众所周知,flutter 应用程序是跨平台的,因此测试人员并不总是需要在不同平台上为同一个应用程序运行相同的测试集。
  • 它具有出色的用户界面,因为它使用以设计为中心的小部件、高级开发工具、高级 API 以及更多功能。
  • 它类似于反应式框架,开发人员无需手动更新 UI 内容。
  • 由于其快速的开发过程和跨平台性质,它适用于 MVP(最小可行产品)应用程序。

Flutter 的缺点:

我们在前面已经看到 Flutter 有很多优点,但它也包含一些缺点,下面给出。


  • Flutter 是一种相对较新的语言,需要通过脚本的维护来持续集成支持。
  • 它提供对 SDK 库的非常有限的访问。这意味着开发人员没有很多功能来创建移动应用程序。此类功能需要由 Flutter 开发人员自己开发。
  • Flutter 应用程序不支持浏览器。它仅支持 Android 和 iOS 平台。
  • 它使用 Dart 编程进行编码,因此开发人员需要学习新技术。但是,对于开发人员来说很容易学习。


好了,关于 fluttre 的简单介绍到这儿就结束了,接下来让我们开始配置 flutter 环境


image.png

Windows 环境安装 Flutter

Windows 系统要求

要在 Windows 系统上安装和运行 Flutter,您首先需要满足您的开发环境的这些要求。

image.png


安装 Flutter SDK

第一步:下载 Flutter Software Development Kit for windows 的安装包。要下载 Flutter SDK,请访问其官方网站,单击 Get started 按钮,您将看到以下屏幕。


image.png


第 2 步:接下来,要下载最新的 Flutter SDK,请单击 Windows 图标。在这里,您将找到SDK的下载链接。


image.png


第 3 步:下载完成后,解压 zip 文件并将其放置在所需的安装文件夹或位置,例如 D:\fvm\versions\2.5.1。

注意: Flutter SDK 不应该放在需要管理员权限的地方。

**第 4 步:**要在常规 Windows 控制台中运行 Flutter 命令,您需要更新系统路径以包含 flutter bin 目录。执行此操作需要执行以下步骤:


**步骤 4.1:**转到 MyComputer 属性 -> 高级选项卡 -> 环境变量。您将看到以下屏幕。


image.png


image.png


image.png


image.png


我的是 2.5.1,懒得升了,大家用 2.5.3 的


image.png


Step 4.2: -> click on edit. The following screen appears.


**步骤 4.3:**在上面的窗口中,点击新建->变量值中 Flutter bin 文件夹的写入路径->确定->确定->确定。


**第 5 步:**现在,运行 $ flutter doctor 命令。此命令检查 Flutter 应用程序开发的所有要求,并显示 Flutter 安装状态报告。


image.png


**第 6 步:**当您运行上述命令时,它将分析系统并显示其报告,如下图所示。在这里,您将找到运行 Flutter 所需的所有缺失工具的详细信息,以及可用但未与设备连接的开发工具。


接下来大家就可以去安装 vscode 和 android studio 来进行开发了。


大家好,我是坚果,公众号“坚果前端”

macOS 环境安装 Flutter

macOS 的系统要求

要在 macOS 系统上安装和运行 Flutter,您首先需要满足您的开发环境的这些要求。

image.png


获取 Flutter SDK

步骤 1 下载 macOS 的 Flutter 软件开发工具包的安装包。要下载 Flutter SDK,请访问其官方网站


第 2 步下载完成后,解压缩 zip 文件并将其放置在所需的安装文件夹或位置。


将文件解压到目标路径, 比如:


$ cd ~/development
$ unzip ~/Downloads/flutter_macos_2.5.2-stable.zip

复制代码


第三步要运行 Flutter 命令,需要更新系统路径以包含 flutter bin 目录。


配置 flutter 的 PATH 环境变量:


$ export PATH="$PATH:`pwd`/flutter/bin"

复制代码


第 4 步接下来,使用以下命令在当前终端窗口中启用更新的路径,然后也进行验证。


source ~/.bashrc  
source $HOME/.bash_profile  
echo $PATH  

复制代码


第 5 步现在,运行 $ flutter doctor 命令。此命令检查 Flutter 应用程序开发的所有要求,并显示 Flutter 安装状态报告。


$ flutter doctor

复制代码


第六步当您运行上述命令时,它会分析系统和所有缺少的工具的详细信息,这些工具需要运行 Flutter 以及可用但未与设备连接的开发工具。


步骤 7 如果 Flutter doctor 工具报告,请安装最新的 Xcode 工具。


第八步安装最新的 Android Studio 和 SDK,如果 Flutter Doctor 工具报告了。


步骤 9 接下来,您需要设置一个 iOS 模拟器或将 iPhone 设备连接到系统以开发 iOS 应用程序。


第 10 步再次设置 android 模拟器或将 android 设备连接到系统以开发 android 应用程序。


第 11 步现在,安装 Flutter 和 Dart 插件以在 Android Studio 中构建 Flutter 应用程序。这些插件提供了创建 Flutter 应用程序的模板,提供了在 Android Studio 本身中运行和调试 Flutter 应用程序的选项。

linux 环境安装 Flutter

手动安装 Flutter

如果你没有 snapd,或者你无法使用它,那么你可以通过以下步骤安装 Flutter。


  1. 通过下载下面的安装包以获得最新 stable release 版本的 Flutter SDK:
  2. flutter_linux_2.5.2-stable.tar.xz
  3. 对于其他发布频道以及更久的构建版本,请查看 SDK 发布 页面。
  4. 将文件解压到合适的地方,例如:


   $ cd ~/development
   $ tar xf ~/Downloads/flutter_linux_2.5.2-stable.tar.xz

复制代码


如果你不想安装安装包的补丁,你可以跳过步骤 1 或步骤 2,直接获取 Github 上 Flutter 仓库 的源码并执行以下命令:


$ git clone https://github.com/flutter/flutter.git

image.png


export PATH="$PATH:`pwd`/flutter/bin"



你也可以按你的需要切换分支或者 tag。例如,你可以使用 stable 版本的分支:


$ git clone https://github.com/flutter/flutter.git -b stable



flutter 工具添加到环境变量中:


$ export PATH="$PATH:`pwd`/flutter/bin"



用这个命令添加 PATH 仅在当前的命令行视窗生效。要将 Flutter 永久添加到环境变量中,请参阅 更新您的路径


image.png


可选步骤,提前下载二进制开发文件:


flutter 工具将下载所需的平台特殊开发二进制文件。对于预下载这些工件更好的做法是(例如,在系统构建环境中,网络可能出现不通畅的问题),通过运行下面命令提前下载 iOS 和 Android 的二进制文件:


$ flutter precache

复制代码


对于这些可选的下载项,请参考 flutter help precache


你现在可以运行 Flutter 命令了!


提示


要更新已有 Flutter 版本,请参阅升级你的 Flutter

运行 flutter doctor

运行以下命令以查看是否还有缺失的依赖需要安装,你需要安装这些依赖以完成设置(要看到详细输出,请添加 -v 标识):


$ flutter doctor


image.png

相关文章
|
6月前
|
安全 Linux 开发工具
【Linux】vim使用与配置教程
Vim是一款功能强大的文本编辑器,广泛应用于Linux环境,是开发者和系统管理员的必备工具。本文介绍了Vim的基本操作与简单配置,涵盖命令模式、插入模式和底行模式的使用方法,以及光标定位、复制粘贴、搜索替换等常用技巧。同时,文章还提供了实用的分屏操作和代码注释方法,并分享了通过`.vimrc`文件进行个性化配置(如显示行号、语法高亮、自动缩进等)的技巧,帮助用户提升文本编辑效率。掌握这些内容,能让Vim更好地服务于日常工作与开发需求。
422 3
|
5月前
|
Dart 开发工具 Android开发
在macOS系统上配置Flutter环境的步骤
在macOS系统上配置Flutter环境的步骤
624 62
|
4月前
|
关系型数据库 MySQL Java
安装和配置JDK、Tomcat、MySQL环境,以及如何在Linux下更改后端端口。
遵循这些步骤,你可以顺利完成JDK、Tomcat、MySQL环境的安装和配置,并在Linux下更改后端端口。祝你顺利!
314 11
|
3月前
|
Linux 网络安全 开发工具
在Linux下配置gitee与Github的远程仓库
注意,git push后,是输入你的账号与密码。这个步骤可以通过特殊设置省去,但是一开始还是不要太省。
159 0
|
5月前
|
安全 Linux 网络安全
在Linux(CentOS和AWS)上安装更新的git2的方法并配置github-ssh
经过以上这些步骤,你现在就能在GitHub上顺利往返,如同海洋中的航海者自由驰骋。欢迎你加入码农的世界,享受这编程的乐趣吧!
197 10
|
6月前
|
Java Linux 应用服务中间件
在Rocky Linux 9上安装JDK并配置环境变量!
本教程介绍在Rocky Linux 9上安装JDK并配置环境变量的完整步骤。首先更新系统,清理旧版本JDK相关包及残留文件,确保环境干净。接着搜索并安装所需版本的JDK(如OpenJDK 17),验证安装是否成功。然后查找JDK安装路径,配置全局环境变量`JAVA_HOME`和`PATH`,最后验证环境变量设置。按照此流程操作,可顺利完成Java开发环境搭建,支持多版本切换(如JDK 8/11/17)。生产环境请谨慎操作,避免影响现有服务。
972 21
|
5月前
|
人工智能 Kubernetes Ubuntu
linux配置IP
linux配置IP
476 1
|
6月前
|
监控 Shell Linux
Android调试终极指南:ADB安装+多设备连接+ANR日志抓取全流程解析,覆盖环境变量配置/多设备调试/ANR日志分析全流程,附Win/Mac/Linux三平台解决方案
ADB(Android Debug Bridge)是安卓开发中的重要工具,用于连接电脑与安卓设备,实现文件传输、应用管理、日志抓取等功能。本文介绍了 ADB 的基本概念、安装配置及常用命令。包括:1) 基本命令如 `adb version` 和 `adb devices`;2) 权限操作如 `adb root` 和 `adb shell`;3) APK 操作如安装、卸载应用;4) 文件传输如 `adb push` 和 `adb pull`;5) 日志记录如 `adb logcat`;6) 系统信息获取如屏幕截图和录屏。通过这些功能,用户可高效调试和管理安卓设备。
|
7月前
|
Linux Shell
问题记录:解决Linux登录故障,/etc/passwd配置受损该怎么操作
修复/etc/passwd文件是解决Linux登录故障的重要步骤。通过进入单用户模式、挂载文件系统、恢复或手动修复/etc/passwd文件,可以有效解决该问题。保持定期备份系统配置文件是预防此类问题的最佳实践。
213 13
|
7月前
|
Linux Shell
问题记录:解决Linux登录故障,/etc/passwd配置受损该怎么操作
修复/etc/passwd文件是解决Linux登录故障的重要步骤。通过进入单用户模式、挂载文件系统、恢复或手动修复/etc/passwd文件,可以有效解决该问题。保持定期备份系统配置文件是预防此类问题的最佳实践。
228 5