问题:在使用 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,
}
]
}
设置完保存就可以了。
如何使用呢?
测试网页文件步骤
1.选择你的文件,这里假设一个测试网页文件temp.html,如图:
2.点击左侧这个图标,然后选择我们刚才设置的“谷歌浏览器”,点击开始的绿色按钮就可以;
测试node程序怎么用?
把上面图片第二步中选择的谷歌浏览器改为“node”即可;
(直接测试的快捷键是f5)