原文

https://srihari-sundaramuruga…

注释

作为一个开发人员，我始终想尝试 flutter 曾经很久了。当我开始应用 Flutter 时，设置它破费了我大量的工夫，我不得不通过各种教程和文章来设置开发环境。我写这篇博客是因为我不想让我的开发共事们在这个过程中面对我不得不面对的谬误。

零碎要求:

要装置和运行 Flutter，您的开发环境必须满足以下最低要求:

• Operating Systems 操作系统 : Windows 7 SP1 或更高版本 (64 位)，基于 x86-64
• Disk Space 磁盘空间 : 1.64 GB (不包含 IDE/ 工具的磁盘空间)
• Tools 工具 : Flutter 取决于这些工具在您的环境中是否可用
• Windows PowerShell 5.0 or newer (this is pre-installed with Windows 10) 或更新 (这是预装 Windows 10)
• Git for Windows 实用于 Windows 的 Git 2. x, with the 2. x，加上 Use Git from the Windows Command Prompt 应用命令提示符的 Git option. 抉择
• 如果曾经装置了 Git for Windows，请确保您能够运行 git 命令来自命令提示符或 PowerShell

须要下载 / 装置的货色:

以下是您在此过程中将要下载 / 装置的内容:

• Flutter Flutter SDK

软件开发软件开发工具包

• Andriod Studio
• Java SE Development Kit 开发工具包
• Git 饭桶 for windows 为了窗户
• VS Code VS 代码 (Visual Studio Code)

咱们开始吧？

Flutter SDK (软件开发工具包) :

A clip from 一个剪辑自 https://flutter.dev/docs/get-…

您能够从正式的 Flutter 装置文档中下载 Flutter SDK 的最新稳固版本。目前 windows 的稳固版本是 2.2.3-stable，当你浏览这篇博客时可能会有所不同。下载过后可用的最新版本。

• . zip 中提取 Flutter SDK
• 在你的 c 盘中创立一个文件夹 C:\src 并粘贴提取的 Flutter SDK

C 驱动下的 Flutter SDK

• 当初进入 Flutter 文件夹，而后进入垃圾箱
• 复制垃圾桶的门路

• 关上窗口搜寻并键入 env.

• 当初关上“编辑环境变量为您的帐户”

• 双击 path

• Click 点击 New 并粘贴的门路 flutter\bin 而后按「确定」
• 当初，关上 cmd (或任何终端窗口) 并输出以下命令

dart where flutter dart

如果您失去了 Flutter 和省道文件的地位，您曾经胜利地装置了 Flutter SDK 并设置了它的门路。

Java SE 开发工具包:

如果您的 pc 上曾经装置了 JDK，请确保将其设置为“JAVA.home”门路。

当初，让咱们设置 java se:

• Download“Java SE 8”from 从网站下载「javase8」JDK SE 8 DOWNLOAD 8 DOWNLOAD.
• Under“Java SE Development Kit 8u301”, you’ll see this 在“javase 开发工具包 8u301”下，您将看到这个

https://www.oracle.com/java/t…

• 下载并装置 x64/x86 w.r.t. 您的 PC 的标准
• 装置后，导航到 \bin : 在我的案例中:

dart C:Program FilesJavajdk1.8.0_301bin

• 复制门路，关上“编辑环境变量为您的帐户”
• 创立一个新变量 JAVA_HOME .

JAVA_HOME Environment Variable 环境变量

您曾经实现了 JDK 的设置

Andriod Studio:

咱们正在下载 andriod studio 来建设 andriod 模拟器。

• 下载 Andriod StudioANDRIOD STUDIO.
• Install it. 装置它
• 当初，关上 CMD/Terminal，运行以下命令:

dart flutter doctor

你可能不会失去绿蜱的所有，查看只有 andriod 工作室，因为当初。

• 如果 Flutter 找不到它，就跑 flutter config --android-studio-dir <directory> 设置 Android Studio 装置的目录
• 关上 Andriod Studio

如果你想在 Andriod Studio 开发应用程序,

– Go to plugins, search for“Dart”and“Flutter”.

– 下载它们，并重新启动 andriod studio。当初你能够在仪表板上看到一个“创立新的 Flutter 我的项目”。

• Select 抉择 More Actions.

Andriod Studio

• Choose 抉择 AVD Manager .

AVD Manager — Andriod Studio

• Click 点击 + Create Virtual Device… .

Create Virtual Device — AVD Manager — Andriod Studio

• 抉择一个你喜爱的 Andriod 设施，而后点击下一步

Create Virtual Device — AVD Manager — Andriod Studio

• 点击下载你想要的 Andriod 版本 Download (blue), under (蓝色)，在上面 Release Name .
• 一旦下载结束，点击下一步

Create Virtual Device — AVD Manager — Andriod Studio

• Now, Finish. 当初，实现

🍻Cheers to you, you’re almost done\!. 🥳

为你干杯，你就快实现了

Visual Studio 代码:

向我最喜爱的 IDE 问好！

• Download VS Code from 下载 VS 代码 VS CODE DOWNLOAD VS 代码下载.
• 装置并关上 VS 代码
• 开放式扩大

Extensions — VS Code

• Search for 搜查 Flutter in the extensions, and install this: 而后装置这个:

VS Code Flutter 扩大

好了，所有都完结了。当初，是时候给心房 Flutter 医生做查看了。

• 关上 CMD/ 终端，而后运行

dart flutter doctor

• 您可能依然有一个未查看的框

Flutter Doctor Flutter

• 在你的终端上运行这个命令,

dart flutter doctor \--andriod-licenses

• Now, run 当初，跑吧 flutter doctor again. 再一次

Flutter Doctor Flutter

Yipieee，当初你曾经筹备好开发 Flutter 应用程序了。

写博客会让我感到高兴，并激励我写更多这样的博客。

© 猫哥

• https://ducafecat.tech/
• https://github.com/ducafecat
• 微信群 ducafecat
• b 站 https://space.bilibili.com/40…

往期

开源

GetX Quick Start

https://github.com/ducafecat/…

新闻客户端

https://github.com/ducafecat/…

strapi 手册译文

https://getstrapi.cn

微信探讨群 ducafecat

系列汇合

译文

https://ducafecat.tech/catego…

开源我的项目

https://ducafecat.tech/catego…

Dart 编程语言根底

https://space.bilibili.com/40…

Flutter 零根底入门

https://space.bilibili.com/40…

Flutter 实战从零开始 新闻客户端

https://space.bilibili.com/40…

Flutter 组件开发

https://space.bilibili.com/40…

Flutter Bloc

https://space.bilibili.com/40…

Flutter Getx4

https://space.bilibili.com/40…

Docker Yapi

https://space.bilibili.com/40…