用VSCode和WSL2开发颤振

Question

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

现在，我正在深入研究构建颤振应用程序，我的颤振环境安装在Windows端。我的与颤振相关的项目驻留在作为分区的D:\Projects\Flutter上，而在WSL2中没有以任何方式使用。使用颤振windows和VSCode构建颤振应用程序可以很好地工作。

但是，问题是:现在我的项目文件散落在我的电脑上。WSL2-vhdx文件中的Web内容和D分区上的抖动内容。

有没有办法在WSL2-vhdx-文件中存储项目文件，同时结合VSCode-remote和Android-仿真器来构建颤振应用程序呢？

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

将我的web相关项目文件移动到D:\分区是没有选择的，因为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-reload/

Answer 2

是否有一种方法可以在WSL2-vhdx-文件中存储项目文件，同时结合VSCode远程和Android仿真器来构建颤振应用程序？

我假设(基于VS代码远程处理)您希望在WSL中运行扩展。我没有具体地尝试过，但我已经在WSL中运行了Flutter，并且将VS代码远程处理会话连接到云中的Android仿真器，所以我希望这是可行的。

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

要让模拟器从WSL内部显示在flutter devices中，您可能需要从Windows端运行adb tcpip 5555 (这意味着在Windows中需要一个Android )--这将告诉您的手机在TCP端口5555上监听。然后，您需要从WSL内部运行adb connect [phone ip]:5555 (这意味着您需要Linux)。如果一切顺利，那么手机就会出现在adb devices中，并且还会被VS代码中的设备选择器接收。

我尝试在\wsl$网络挂载上创建一个测试颤振项目，但是没有工作。

目前还不清楚这里到底出了什么问题，不过我最初的猜测是，也许UNC路径不受支持--如果你把一个驱动器号映射到它，会有什么不同吗？

虽然这不是一个官方支持的设置，但您可以在GitHub上的Dart存储库中使用您遇到的任何问题。这不是一个优先事项，但我希望VS代码远程处理(包括WSL和Docker)一般为Dart和Flutter工作。

Answer 3

每当您跨越/共享文件系统边界从窗口到wsl时，您将在速度/时间上付出巨大代价。

使用您所描述的设置，我将考虑尝试在wsl -签出详细说明中自动宿主基于浏览器的VSCode.dev：https://medium.com/geekculture/3-steps-to-code-from-anywhere-45401247f479

就个人而言，我已经决定在Windows上运行VSCode和，并且在诸如运行服务器和查看代码以进行更改等方面节省了96%的时间，这使这种设置成为我现在首选的方式。

devcontainer.json的标准化和能够使用github协同(如果您远离常规的开发机器)，使得整个设置很容易使用。

有关详细的定时比较和设置详细信息，请参见https://stackoverflow.com/a/72787362/183005。