使用 VSCode 和 WSL2 开发 Flutter

Question

由于我主要使用 nginx、PHP 和 MySQL 开发 Web，因此我已将我的 WebDev 环境完全移植到 WSL2。由于性能非常重要，我所有与 Web 相关的项目都驻留在 WSL2-vhdx 文件中/home/user/Projects/Web。在 WSL2 中，我已经安装了所有必要的工具，以获得类似 Linux 的良好体验、Docker、GIT 等。这与 VSCode 远程集成相结合非常有效。

现在，我正在研究构建 Flutter-Apps，并且我的 Flutter-environment 安装在 Windows 端。我的 Flutter 相关项目驻留在D:\Projects\Flutter分区上，并且没有以任何方式在 WSL2 中使用。使用 flutter-windows-sdk 和 VSCode 构建 Flutter-apps 工作得很好。

但是，问题是：现在我的项目文件分散在我的计算机上。WSL2-vhdx 文件中的 Web 资料和 D 分区上的 Flutter 资料。

有没有办法使用 Flutter 构建 Flutter 应用程序，同时将项目文件存储在 WSL2-vhdx 文件中，并结合 VSCode-remote 和 Android 模拟器？

我尝试在\\wsl$网络挂载上创建一个测试 Flutter 项目，但没有用。

将我与 Web 相关的项目文件移动到D:\Windows的分区是不可能的，因为 WSL2 中的 I/O 安装非常慢。

Answer 1

对于任何感兴趣adb connect 192.168.xxx 的人，请参阅我的完整博客文章： https: //dnmc.in/2021/01/25/setting-up-flutter-natively-with-wsl2-vs-code-hot-重新加载/

Answer 2

有没有办法使用 Flutter 构建 flutter 应用程序，同时将项目文件存储在 WSL2-vhdx 文件中，并结合 VSCode-remote 和 Android 模拟器？

我假设（基于 VS Code Remoting 的提及）您想要在 WSL 中运行扩展。我还没有具体尝试过，但我已经在 WSL 中运行 Flutter，并将 VS Code Remoting 会话连接到云中的 Android 模拟器，所以我希望它能工作。

您需要确保在 WSL 中设置 Flutter SDK（这样您就可以flutter在 WSL 中运行命令 - 如果您使用 zip，它应该是 Linux 版本的 Flutter SDK，而不是 Windows 版本）。

要让您的模拟器从 WSL 内部显示flutter devices，您可能需要adb tcpip 5555从 Windows 端运行（这意味着您需要 Windows 中的 Android SDK） - 这将告诉您的手机侦听 TCP 端口 5555。然后您需要从 WSL 内部运行adb connect [phone ip]:5555（这意味着您需要 Linux 中的 Android SDK）。如果一切顺利，手机应该会显示adb devices在 VS Code 中的设备选择器中，并且也可以被 VS Code 中的设备选择器选中。

我尝试在 \wsl$ 网络挂载上创建一个测试 Flutter 项目，但没有成功。

目前尚不清楚这里出了什么问题，但我的第一个猜测是，也许 UNC 路径不受支持 - 如果您将驱动器号映射到它，会有什么不同吗？

虽然这不是官方支持的设置，但如有任何问题，请随时在 GitHub 上的 Dart-Code 存储库中提出问题。这不是一个优先事项，但我希望 VS Code Remoting（包括 WSL 和 Docker）通常适用于 Dart 和 Flutter 开发人员。