vscode中设置浏览器查看网页效果以及设置默认浏览器的方式

首先在扩展菜单当中下载live server和open in browser两个扩展

其次，选择live server右键选择扩展设置

接下来修改settings.json中的内容

{
    "code-runner.defaultLanguage": "javascript",
    "workbench.colorTheme": "Ayu Mirage",
    "files.autoSave": "afterDelay",
    "liveServer.settings.donotShowInfoMsg": true,
    "open-in-browser.default": "Google Chrome",
    "emmet.excludeLanguages": [
        
        "markdown"
    ],
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "liveServer.settings.AdvanceCustomBrowserCmdLine": "",
    "liveServer.settings.ChromeDebuggingAttachment": false
}

最后打开设置，搜索open-in-browser然后在默认浏览器设置的位置写上自己想要使用的浏览器即可