admin 管理员组

文章数量: 887016

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

本文标签： 浏览器 服务器 Studio visual Code

版权声明：本文标题：visual studio code 设置chrome浏览器打开，设置node服务器打开； 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1728365236h1234165.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。