如何在 Visual Studio Code 上安装Flutter ？

在本文中，我们将介绍在 Visual Studio Code 中安装Flutter的过程。 Flutter是一个用于移动、桌面和 Web 的开源可移植 UI 框架。它由 Google 开发和管理， Flutter用于从单个代码库为 android 和 iOS 创建高质量、美观且快速的原生界面。 flutter应用程序的界面由各种小部件组成。 Flutter有一个非常丰富的小部件库，因此开发人员可以毫无障碍地为 android 和 iOS 创建一个有效的界面。

Flutter的主要特点：

Hot Reload：此功能可让用户在输出屏幕（模拟器或 Android 设备）中以毫秒为单位查看每一次更改。
丰富的 Widget 库： Flutter包含一个庞大的 Widget 库，当我们访问庞大的 Widget 库时， flutter中的界面变得非常简单且耗时更少。
富有表现力和灵活的 UI： flutter应用程序的界面作为分层架构工作，允许完全自定义，从而产生极其快速、富有表现力和灵活的 UI。
原生性能：在开发flutter应用程序时，我们可以访问基于 android 和 iOS 等平台的小部件，因此我们可以使用可以集成图标、导航、滚动等原生功能的小部件.

在 Visual Studio 代码中安装Flutter ：

按照以下步骤在 VS Code 中安装Flutter ：

第一步：下载Flutter SDK。我们必须下载Flutter SDK 文件才能使用flutter。我们可以从Flutter官网轻松下载。

第二步：设置环境变量路径。下载Flutter SDK 后，解压文件并复制 bin 文件夹的路径。

按 WIN + R 并粘贴以下内容： rundll32.exe sysdm.cpl,EditEnvironmentVariables

现在单击新建并粘贴之前复制的路径并保存。

现在我们必须为Flutter设置 Visual Studio 代码。我们必须安装两个扩展才能使用flutter。第一个扩展是Flutter ，第二个是Dart。请注意， Dart是flutter中用于 Android 和 iOS 应用程序开发的编程语言。

第 3 步：在 Visual Studio Code 中安装Flutter

第 4 步：现在在 Visual Studio Code 中安装Dart

步骤 5：现在我们已经成功地将Flutter和Dart添加到 Visual Studio 代码中，现在让我们检查是否安装了flutter 。为此，我们将在 Visual Studio Code 中打开一个新终端并输入以下“ flutter –version”，如果一切正常，则通常会显示已安装的flutter的版本。

现在我们准备创建一个新的flutter项目，为此我们必须选择一个目录，我们将在其中创建项目。单击打开文件夹的绿色按钮，然后选择首选位置。

第 6 步：现在要创建一个新的flutter项目，在 Visual Studio 代码终端中写入以下内容，“ flutter create testproject”。之后，将在测试项目目录中创建该项目。

现在创建了Flutter项目，我们必须运行该程序以检查它是否正常工作。这里我们需要了解一个flutter项目是如何显示输出的。我们可以在 android Emutor 中运行一个flutter程序，或者我们也可以在我们的浏览器中运行它。为了在 android 模拟器中运行，我们必须在我们的系统中安装 android studio。对于本文，我们将在浏览器中测试该程序。

现在在运行这个程序之前，我们必须将我们的目录更改为该类型的 testproject cd testproject，现在通过输入flutter run运行程序，在这个命令之后，它会询问你想在哪里看到输出，现在选择通过键入 1 或 2 来选择所需的浏览器。

输出：现在我们准备好查看输出了，默认情况下，它有一个程序，其中有一个按钮，单击该按钮将在中心显示一个计数器。

输出