运行flutter web时如何指定端口号答案

【问题标题】：运行flutter web时如何指定端口号
【发布时间】：2020-02-03 11:50:21
【问题描述】：

有什么方法可以启动 Flutter web，使用 Headless-Server 目标，总是在同一个指定的端口号上？

今天，运行 Web 应用程序：

flutter run -d headless-server

提供一个随机端口号。

【问题讨论】：

标签： flutter-web

【解决方案1】：

我在flutter_tools源码里面找到了答案：

flutter run -d headless-server --web-port=1234

【讨论】：

奇怪的是，当你执行“flutter run -h”时，它仍然没有列出
或flutter run -d chrome --web-port=1234

【解决方案2】：

要为 Android Studio 执行此操作，只需将附加参数添加到运行配置即可。所以在Additional arguments，添加--web-port=49430

【讨论】：

这是在 Android Studio 中的什么地方？
@giorgio79 open de dropdown voor run configurations（设备选择下拉菜单旁边）并选择Edit Configurations

【解决方案3】：

如果您喜欢使用命令行，上述解决方案可以正常工作。但是，如果您正在使用 CTRL+F5 的 VsCode，那将无法正常工作。因此，要让 vscode CTRL+F5 在 chrome 或 web-server 中运行，请转到您的项目根目录创建 .vscode 目录并在该文件夹中添加 launch.json 文件。

现在，如果您想在 Web 服务器中运行，请在您的 launch.json 中添加此行

{
 "version": "0.2.0",
 "configurations": [{
        "name": "Flutter",
        "request": "launch",
        "type": "dart",
        "args": ["-d", "web-server","--web-port", "8000"],
    }
]}

如果您想在 chrome 设备中启动，请将参数 web-server 更改为 chome 即

{   
 "version": "0.2.0",
 "configurations": [{
        "name": "Flutter",
        "request": "launch",
        "type": "dart",
        "args": ["-d", "chrome","--web-port", "8000"],
    }
]}

现在运行CTRL+F5

【讨论】：

你能分享一下如何为 Android Studio 做同样的事情吗？
@SlickSlime 在这里查看我的回复：stackoverflow.com/a/63808434/969016
查看此处了解@eli dartcode.org/docs/launch-configuration 使用的 vscode 配置设置的详细信息
正是我想要的。
直到我添加了"program": "lib/main.dart",

【解决方案4】：

截至 2020 年 9 月

您可以在任何基于 Chromium 的浏览器上运行 Flutter Web

Chrome     |    Edge

使用任何一个来启动具有自定义端口的 Flutter Web 应用程序

flutter run -d chrome --web-port 5555

flutter run -d edge --web-port 5555

flutter run -d web-server --web-port 5555

编辑

与主要问题无关，但如果您遇到以下问题，会很有帮助。

最近遇到了一个 Flutter Web 应用程序的问题，它没有运行，也没有可见的日志/错误。

我是如何解决的。

运行flutter build web 这应该打印出错误，修复这些错误，然后尝试通过上述命令运行您的应用程序

【讨论】：

也许它只是一个 macOS 的东西？似乎我需要“web”而不是“web-server”，它不会启动相同但确实启动：flutter -v run -d web --web-port=28080 不过，--web-port 是这里的诀窍。 :)

【解决方案5】：

这也很好用 -

flutter run -d web-server --web-port 8080

【讨论】：