本文由 简悦SimpRead 转码,原文地址 verygood.ventures
一个非常好的指南,可以帮助你在Flutter项目中配置本地环境,将Windows作为目标......。
介绍✨
上周的Flutter Windows更新中出现了许多令人兴奋的更新,最值得一提的是,现在有了对用Flutter构建的Windows应用程序的稳定支持。我们确信,这一发展将使许多Flutter开发者想要尝试为他们当前的Flutter应用程序创建基于Windows的版本,或者在新项目中以Windows为目标。为了做到这一点,我们需要配置一个新的Flutter环境设置。虽然Flutter开发在Windows上已经有一段时间了,但对于经常使用macOS的Flutter开发者(包括我们VGV的团队)来说,这可能是一个新领域。本博客将指导您完成配置过程。
注意,这是一个根据我们的偏好配置本地环境的意见指南--请自由使用任何最适合你的设置。本指南是以在最新的Windows 11版本上运行为前提编写的,但根据你所运行的版本,可能需要做一些改变。
设置 ⚙️
在开始之前,请注意这个过程可能是一个漫长的过程,因为一些安装包的大小和下载。对于所有的命令,我们将使用 "Windows终端",它现在是Windows 11的标准配置,默认为 "Windows PowerShell "模式。
1 - Chocolatey
虽然Mac有Homebrew,但Windows的对应软件是Chocolatey。从技术上讲,这不是让Flutter在Windows上运行的必要条件,但它会使事情变得更容易。你可以按照他们网站上的安装说明。需要注意的一点是,你需要在 "管理模式 "下启动终端。方法是在 "开始 "菜单中右击Windows终端,选择 "以管理员身份运行"。
2 - 安装前置条件
在我们开始运行任何东西之前,有一些东西都需要下载和安装。好消息是,这些都可以通过刚才安装的choco命令,只需几个终端命令就可以完成。
choco install vscode
choco install git
choco install fvm
choco install visualstudio2022community
3 - 通过fvm设置Flutter
虽然你可以在不使用fvm的情况下让Flutter启动和运行,但马上开始使用它是个好主意。这将使您能够轻松地安装、恢复和改变您所使用的Flutter的版本。
fvm install stable
fvm global
在设置要使用的全球版本的Flutter时,你将会看到到目前为止你已经安装的所有Flutter版本的列表。在这种情况下,我们要选择稳定的。默认情况下,fvm被安装在你的用户目录中。一旦它被安装,你可以通过fvm轻松地代理flutter和dart命令。
为了减少我们需要的击键次数,我们可以只可以把fvm指向的任何东西作为全球版本添加到我们的环境中。要做到这一点,我们进入设置->系统->关于,然后在设备规格面板上点击 "高级系统设置"。在弹出的窗口中,你可以选择 "环境变量"。在用户变量的顶部部分找到路径变量。双击它将允许你在路径中添加一个新项目。在这里,你可以添加你的fvm安装路径。
记住,这通常是安装在你的用户目录中,所以我们只需要指向default/bin文件夹。当我们通过fvm更新我们的Flutter版本时,那么系统将自动更新。完成后,重新启动终端,你应该可以直接运行flutter --version。
4 - Visual Studio设置
我们需要在Visual Studio中配置一些额外的要求,以便让Flutter Windows应用程序开始运行。当我们在第二步完成基本安装后,我们需要打开 "Visual Studio安装程序 "并修改我们的安装。
从列表中选择 "使用C++的桌面开发",然后点击 "修改"。请注意,这个软件包很大,很可能需要一些时间来下载和安装。
5 - 启用Windows开发者模式。
如果你已经在终端,你可以通过输入start ms-settings:developers快速跳转到这里。否则,你也可以通过 "隐私与安全 "下的 "设置 "应用程序,然后是 "开发者"。继续前进,将 "开发者模式 "的开关打开。
6 - VS代码设置
安装好一切后,我们终于可以为Flutter开发设置VS Code了。搜索并安装 "Flutter "插件,同时 "Dart "插件也将自动安装。
这样,我们的环境就设置好了,可以使用Flutter进行Windows应用程序的开发了 我们现在可以创建一个新的Flutter应用程序或尝试将Windows支持添加到现有的Flutter应用程序中。
创建一个新的Flutter应用程序
随着Windows支持变得稳定,我们不再需要启用任何额外的标志或配置。只需运行一个简单的flutter create app_name_here命令,就可以得到支持iOS、Android、Web和Windows的基本Counter应用程序。简单地运行该命令,在VS Code中打开新项目,并以 "Windows "作为选定设备运行该应用程序。
添加到现有的Flutter应用程序
这就是事情可能变得棘手的地方。为了给您当前的Flutter应用程序添加一个Windows目标,您只需要运行一个简单的命令,flutter create --platform=windows。这将在原地做一个更新,并创建构建所需的新目标。
为了证明这一点,我们可以轻松地从Flutter Gallery中获取一个Flutter项目,执行创建命令以添加Windows支持,然后通过Edge将该应用与另一个平台(如Web)并排运行。
如果你花额外的时间来设置Android Studio,我们甚至可以让三个平台都同时运行。简单地更新一些软件包,我们就可以让slide_puzzle在Android、Windows和通过Edge的Web中运行。
虽然Flutter框架以测试版的形式支持Windows已经有一段时间了,但Flutter社区可能需要迎头赶上。如果你今天有一个非常强大的基于Flutter的应用程序,可能你使用的所有第三方软件包还没有被更新到完全支持Windows。这与我们去年看到的网络上的Flutter转移到稳定版时的情况类似,社区需要时间来追赶。
我们希望本指南能帮助您将您的应用程序扩展到Windows,或创建针对桌面的新体验,并使用Flutter熟悉的工具来构建。随着Flutter团队在支持多平台方面不断取得显著进展,我们很高兴看到Flutter的下一步发展。