visual studio code 设置chrome浏览器打开，设置node服务器打开；

问题：在使用 visual studio code 编写网页的时候，我们往往需要使用某个浏览器测试一下，那么怎么设置？

          在使用vscode开发node程序时，如何直接进行浏览器打开设置？

          举例步骤：

       1. 新建一个项目的文件夹，假设为 test-home ,使用vscode打开这个文件夹：如图

                                                     

     2.打开里面这个 launch.json 进行配置，直接写下如下代码即可：

{
    "version": "0.2.0",
    "configurations": [
        
    {   //设置chrome启动网页文件
        "name": "谷歌浏览器", 
        "type": "chrome",
        "request": "launch",
        "url": "${file}",
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
    },
    {
        //设置直接启动node程序
        "name": "node", 
        "type": "node",
        "request": "launch",
        "program": "${file}", 
        "stopOnEntry": false,
        "args": [],
        "cwd": "${workspaceRoot}",
        "runtimeExecutable": null,
        "runtimeArgs": [
            "--nolazy"
        ],
        "env": {
            "NODE_ENV": "development"
        },
        "console": "internalConsole",
        "preLaunchTask": "",
        "sourceMaps": false,
    }
]
}

本人vscode launch.json配置截图：

设置完保存就可以了。

如何使用呢？

测试网页文件步骤

1.选择你的文件，这里假设一个测试网页文件temp.html,如图：

2.点击左侧这个图标，然后选择我们刚才设置的“谷歌浏览器”，点击开始的绿色按钮就可以；

测试node程序怎么用？

把上面图片第二步中选择的谷歌浏览器改为“node”即可；

（直接测试的快捷键是f5）