运行Flutter Web时如何指定端口号

Question

有什么方法可以始终在相同的指定端口号上启动具有Headless-Server目标的Flutter Web吗？

今天，通过以下方式运行Web应用程序：

flutter run -d headless-server

提供一个随机端口号。

Answer 1

要针对Android Studio执行此操作，只需将其他参数添加到运行配置中。因此，在Additional arguments中，添加--web-port=49430

Answer 2

截至2020年9月

您可以在任何基于铬的浏览器上运行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

Answer 3

我在flutter_tools源代码中找到了答案：

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

Answer 4

如果您喜欢使用命令行，则上述解决方案效果很好。但是，如果您使用CTRL+F5来使用VsCode，那将无法正常工作。因此，要使vscode CTRL+F5在chrome或网络服务器中运行，请转到您的项目根目录，创建.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

Answer 5

这也很好-

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