VSCode使用chrom调试

1.安装chrom

安装成功之后需重新启动vscode
2.点击调试界面小齿轮 自动生成launch。json文件，之后进行文件配置

version": "0.2.0",
    "configurations": [
      
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}"
        }
]

点击下来菜单选择配置好的

名字为代码中的name，
其中url为自己调试界面的网址，
webRoot为提供文件的目录设置为 "${workspaceFolder}"代表当前在code中da打开的文件夹，也可以设置为绝对路径。这样就行。
同时可以在运行一个的同时开启另一个，详细信息里面具体有写。

https://code.visualstudio.com/docs/nodejs/reactjs-tutorial