visual studio code 使用open in browser HTML用F5打开浏览器

原博客为： https://blog.csdn.net/cvper/article/details/79110507

问题：在使用 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）