VSCode中Flutter Web模拟器选项缺失，Brave浏览器未显示问题排查

已完成的配置验证 #

(base) Joels-MBP:~ jcastro2$ echo $CHROME_EXECUTABLE
/Applications/Brave Browser.app/Contents/MacOS/Brave Browser

(base) Joels-MBP:~ jcastro2$ ls /Applications/Brave\ Browser.app/Contents/MacOS/Brave\ Browser 
/Applications/Brave Browser.app/Contents/MacOS/Brave Browser

(base) Joels-MBP:~ jcastro2$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.3.9, on macOS 13.2.1 22D68 darwin-x64, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[!] Xcode - develop for iOS and macOS
    ✗ Xcode installation is incomplete; a full installation is necessary for iOS development.
      Download at: https://developer.apple.com/xcode/download/
      Or install Xcode via the App Store.
      Once installed, run:
        sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
        sudo xcodebuild -runFirstLaunch
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.76.2)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

! Doctor found issues in 1 category.

(base) Joels-MBP:~ jcastro2$ flutter devices
2 connected devices:

macOS (desktop) • macos  • darwin-x64     • macOS 13.2.1 22D68 darwin-x64
Chrome (web)    • chrome • web-javascript • Brave Browser 111.1.49.120

(base) Joels-MBP:corbu jcastro2$ flutter run -d chrome
Launching lib/main.dart on Chrome in debug mode...
Waiting for connection from debug service on Chrome...             19.6s
This app is linked to the debug service: ws://127.0.0.1:53120/Hampj1DMeys=/ws
Debug service listening on ws://127.0.0.1:53120/Hampj1DMeys=/ws

💪 Running with sound null safety 💪

🔥  To hot restart changes while running, press "r" or "R".
For a more detailed help message, press "h". To quit, press "q".

An Observatory debugger and profiler on Chrome is available at: http://127.0.0.1:53120/Hampj1DMeys=
Flutter Web Bootstrap: Programmatic
The Flutter DevTools debugger and profiler on Chrome is available at: http://127.0.0.1:9101?uri=http://127.0.0.1:53120/Hampj1DMeys=

当前VSCode模拟器列表 #

明明flutter doctor和flutter devices都能识别到Brave作为Chrome设备，且flutter run -d chrome可以正常启动Brave运行项目，但VSCode的模拟器选项里却看不到Brave。

解决步骤 #

1. 重启VSCode
   VSCode可能没有实时刷新设备列表，完全关闭后重新打开，再检查模拟器选项。

2. 更新VSCode Flutter插件
   旧版本Flutter插件可能存在设备识别兼容问题：

• 打开VSCode扩展面板（快捷键Cmd+Shift+X）
• 找到Flutter插件，点击更新按钮（如有更新提示）

3. 手动启动后附加调试
   即使VSCode列表不显示，也可以通过命令行启动后连接调试：

• 在终端运行flutter run -d chrome启动项目
• 打开VSCode"运行和调试"面板（快捷键Cmd+Shift+D）
• 选择"Flutter: Attach to Running Application"，再对应选择Brave进程

4. 手动配置VSCode的Chrome路径
   直接在VSCode配置中指定Brave路径：

• 打开VSCode设置（快捷键Cmd+,），点击右上角"打开设置(JSON)"
• 添加以下配置：

  "dart.flutterChromeExecutable": "/Applications/Brave Browser.app/Contents/MacOS/Brave Browser"
  

保存后重启VSCode。

5. 确认环境变量在VSCode中生效
   检查VSCode集成终端能否读取到CHROME_EXECUTABLE：

• 在VSCode终端运行echo $CHROME_EXECUTABLE，确认输出正确路径
• 如果没有输出，需确保环境变量是全局设置的（比如添加到~/.zshrc或~/.bash_profile，再执行source ~/.zshrc生效）

内容的提问来源于stack exchange，提问作者Joel Castro