在VS Code中调试Flutter Web应用程序,而无需创建Microsoft Edge新示例

0mkxixxg  于 2023-05-19  发布在  Flutter
关注(0)|答案(4)|浏览(201)

一切都设置和工作,但当我开始调试Flutter在vs代码使用microsoft edge它启动一个新的示例,这意味着浏览器数据,密码,设置。都是重置的,所以我需要输入密码和更改设置,每次我开始调试或我需要打开两个浏览器示例,这既是资源密集型和粘人。有没有类似于Flutter的vs代码配置,它可以“附加”到现有的浏览器示例,而不是“启动”一个新的示例?

csga3l58

csga3l581#

你必须运行以下命令,

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

然后访问http://<your-ip> or localhost:8080
有了这个你可以打开你的flutter web应用程序在常规浏览器,也可以打开它在其他设备在网络(与您的IP)**你应该确保你的端口(8080)是开放的.

z31licg0

z31licg02#

通常,如果在使用启动配置开始调试时Microsoft Edge已经在运行,则新示例不会在远程调试模式下启动。
因此,默认情况下,该扩展启动Microsoft Edge,并在临时文件夹中使用单独的用户配置文件。使用userDataDir设置要使用的其他路径,或设置为false以使用默认用户配置文件启动。
举个简单的例子:

{
    "configurations": [
        {
            "name": "Launch Microsoft Edge",
            "request": "launch",
            "type": "edge",
            "url": "...\\Index.html", // Provide your project's url to finish configuring
            "userDataDir": false // You could also add ${local_app_data}\Edge\Profile, such as C:\Users\<Current-user>\AppData\Local\Microsoft\Edge\Profile
        }
    ]
}
3bygqnnd

3bygqnnd3#

我没有一个完美的解决方案,因为这个需要你安装Dart Debug Extension,但是你可以创建一个launch.json并粘贴这个命令:

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Flutter Web Project",
            "type": "dart",
            "request": "launch",
            "program": "lib/main.dart",
            "args": [
                "-d",
                "web-server"
            ]
        }
    ]
}
niknxzdl

niknxzdl4#

公认的解决方案缺少VS Code中的自动重新加载功能。您必须在终端中输入r以进行刷新。您可以按照以下步骤配置VS Code,以便始终在同一部件中启动flutter web。
1.转到设置
1.搜索Dart: Flutter Run Additional Args
1.输入--web-port=1234
1.点击Add Item

相关问题