如何使用可视代码编辑器 运行 在 chrome 上 flutter

Question

如何 运行 在 chrome 上使用 flutter 应用程序。 我已经安装了 flutter kit 并且 运行 颤动频道测试版 颤动升级 并在 visual studio 代码上安装扩展。

Answer 1

就像 flutter mobile 创建 flutter launch 配置一样，但添加以下行： "args": [ "-d", "chrome" ]

{
  // launch.json
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Flutter for web",
      "type": "dart",
      "request": "launch",
      "program": "lib/main.dart",
      "args": [
        "-d",
        "chrome"
      ]
    }
  ]
}

Answer 2

您可以在终端上写入：

flutter run -d chrome

Answer 3

@Spatz 是正确的，但我也有在他的答案配置下面

{
            "name": "new_smartpms",
            "request": "launch",
            "type": "dart"
        },
        {
            "name": "new_smartpms (profile mode)",
            "request": "launch",
            "type": "dart",
            "flutterMode": "profile"
        },

我不得不从 launch.json 中删除这些，以便 VSCode 在 Chrome 中以调试模式启动应用程序（能够单步执行）。
否则按 F5 将启动调试模式，但在我的设备上。