如何在 Windows 子系统上为 Linux (Debian 10) 开发 Flutter Web 应用程序
How to develop Flutter web app on Windows Subsystems for Linux (Debian 10)
我想在 Windows 子系统上为 Linux (Debian 10) 开发 Flutter 网络应用程序。我遵循了这个指示。 https://flutter.dev/docs/get-started/codelab-web
flutter channel beta
flutter upgrade
flutter config --enable-web
首先，我在我的终端中输入了这些命令，它们都运行良好。
其次，我尝试了 flutter doctor 命令，这就是结果。
Downloading android-arm-release/linux-x64 tools... 2.1s
Downloading android-arm64-profile/linux-x64 tools... 1.8s
Downloading android-arm64-release/linux-x64 tools... 1.6s
Downloading android-x64-profile/linux-x64 tools... 1.6s
Downloading android-x64-release/linux-x64 tools... 1.5s
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, 1.18.0-11.1.pre, on Linux, locale en_US.UTF-8)
[✗] Android toolchain - develop for Android devices
✗ Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/docs/get-started/install/linux#android-setup for detailed instructions).
If the Android SDK has been installed to a custom location, set ANDROID_SDK_ROOT to that location.
You may also want to add it to your PATH environment variable.
[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[!] Android Studio (not installed)
[✓] Connected device (1 available)
! Doctor found issues in 3 categories.
我开发网络应用程序，所以我不需要 Android toolchain 和 Android Studio，但我需要 Chrome。
我觉得有两种方法。
在WSL上安装Chrome => 我在网上搜索了一下，没找到方法
user Chrome on Windows 10(not WSL) => 我在网上搜索了（例如：flutter chrome "windows subsystems for linux"），但是没找到这样做的方法。
你能给我什么建议吗？
尝试将环境变量 CHROME_EXECUTABLE 设置为安装在 Windows 上的 Chrome 可执行文件的路径，以便 Flutter 可以找到它。
事实证明，你只需要告诉 flutter chrome.exe 在主机 windows 机器上的位置！
我的WSL2(Windows10 build 18363)没有识别环境变量CHROME_EXECUTABLE.
所以，我也将环境变量WSLENV添加到'CHROME_EXECUTABLE/p'。
(https://adamtheautomator.com/windows-subsystem-for-linux/#Sharing_Environment_Variables)
那么，成功了！
一种方法是使用 GUI 应用程序，遗憾的是它需要 WSL 版本 2 和 Windows 11。Read More
准备好 WSL 和 GUI 应用程序
如果您还没有 wsl、运行 管理员模式的 Powershell 和 运行
wsl --install -d Ubuntu
sudo apt update
根据需要更改发行版
如果您有，运行这些以确保它已准备就绪
wsl --set-default-version 2
wsl --update
wsl --shutdown
sudo apt update
正在 WSL 上安装 Google Chrome
- 将目录更改为临时文件夹：
cd /tmp
- 使用wget下载：
sudo wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
- 获取当前稳定版本：
sudo dpkg -i google-chrome-stable_current_amd64.deb
- 修复包：
sudo apt install --fix-broken -y
- 配置包：
sudo dpkg -i google-chrome-stable_current_amd64.deb
要启动，请输入：google-chrome
你应该可以开始了
运行 flutter doctor 应将 Web 开发标记为就绪，项目应 运行 使用此命令：
flutter run -d chrome --web-renderer canvaskit
我想在 Windows 子系统上为 Linux (Debian 10) 开发 Flutter 网络应用程序。我遵循了这个指示。 https://flutter.dev/docs/get-started/codelab-web
flutter channel beta
flutter upgrade
flutter config --enable-web
首先，我在我的终端中输入了这些命令，它们都运行良好。
其次，我尝试了 flutter doctor 命令，这就是结果。
Downloading android-arm-release/linux-x64 tools... 2.1s
Downloading android-arm64-profile/linux-x64 tools... 1.8s
Downloading android-arm64-release/linux-x64 tools... 1.6s
Downloading android-x64-profile/linux-x64 tools... 1.6s
Downloading android-x64-release/linux-x64 tools... 1.5s
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, 1.18.0-11.1.pre, on Linux, locale en_US.UTF-8)
[✗] Android toolchain - develop for Android devices
✗ Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/docs/get-started/install/linux#android-setup for detailed instructions).
If the Android SDK has been installed to a custom location, set ANDROID_SDK_ROOT to that location.
You may also want to add it to your PATH environment variable.
[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[!] Android Studio (not installed)
[✓] Connected device (1 available)
! Doctor found issues in 3 categories.
我开发网络应用程序，所以我不需要 Android toolchain 和 Android Studio，但我需要 Chrome。
我觉得有两种方法。
在WSL上安装Chrome => 我在网上搜索了一下，没找到方法
user Chrome on Windows 10(not WSL) => 我在网上搜索了（例如：
flutter chrome "windows subsystems for linux"），但是没找到这样做的方法。
你能给我什么建议吗？
尝试将环境变量 CHROME_EXECUTABLE 设置为安装在 Windows 上的 Chrome 可执行文件的路径，以便 Flutter 可以找到它。
事实证明，你只需要告诉 flutter chrome.exe 在主机 windows 机器上的位置！
我的WSL2(Windows10 build 18363)没有识别环境变量CHROME_EXECUTABLE.
所以，我也将环境变量WSLENV添加到'CHROME_EXECUTABLE/p'。 (https://adamtheautomator.com/windows-subsystem-for-linux/#Sharing_Environment_Variables)
那么，成功了！
一种方法是使用 GUI 应用程序，遗憾的是它需要 WSL 版本 2 和 Windows 11。Read More
准备好 WSL 和 GUI 应用程序
如果您还没有 wsl、运行 管理员模式的 Powershell 和 运行
wsl --install -d Ubuntu
sudo apt update
根据需要更改发行版
如果您有，运行这些以确保它已准备就绪
wsl --set-default-version 2
wsl --update
wsl --shutdown
sudo apt update
正在 WSL 上安装 Google Chrome
- 将目录更改为临时文件夹：
cd /tmp - 使用wget下载：
sudo wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb - 获取当前稳定版本：
sudo dpkg -i google-chrome-stable_current_amd64.deb - 修复包：
sudo apt install --fix-broken -y - 配置包：
sudo dpkg -i google-chrome-stable_current_amd64.deb
要启动，请输入：google-chrome
你应该可以开始了
运行 flutter doctor 应将 Web 开发标记为就绪，项目应 运行 使用此命令：
flutter run -d chrome --web-renderer canvaskit