与调试器一起运行Browsersync

时间:2018-08-15 13:22:36

标签: visual-studio-code

我有一个相当具体的用例,但我无法在vscode中使用它。任何帮助表示赞赏:)

我正在使用带有实时共享功能的vscode与一些朋友一起在Web应用程序上工作,并且我正在尝试使调试器正常工作。我正在使用Browsersync,以便我的朋友也可以查看实时更新的网站

理想是:

  1. 按[调试:开始调试]

  2. 任务在包含浏览器同步的vscode中启动,使用我的配置文件启动

  3. Chrome浏览器启动/获取新标签页,打开开发网站和浏览器同步UI

  4. VSCode的调试器附加到包含Web应用程序的chrome标签上

  5. [调试中]

  6. 完成调试,单击[Debug:Stop]

  7. 开发人员站点和BS UI选项卡关闭

  8. VSCode与Chrome分离

  9. 浏览器同步关闭

我的配置atm

“我的开始”菜单镶边快捷方式:

(((\d{2})(AB)){3})

tasks.json:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222

BSStart.bat

{
    "tasks": [
        {
            "label": "BSStart",
            "type": "shell",
            "command": "config/BSStart.bat",
        }
    ]
}

launch.json:

"C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Google Chrome.lnk" [dev URL]
start browser-sync.cmd start -c .\config\bs-config.js

此配置的问题是,bro​​wsersync在新窗口中打开,并且在调试完成后不会关闭。有什么方法可以让它按照我想要的方式工作吗?

0 个答案:

没有答案