一、在vscode扩展中搜索live server，并安装

二、打开命令面板，输入settings，点击首选项

三、搜索Live Server配置项，将左侧需要修改的配置项复制到右侧用户设置并修改

Live Server的配置

{
"liveServer.settings.port": 8080, //设置本地服务的端口号
"liveServer.settings.root": "/", //设置根目录，也就是打开的文件会在该目录下找
"liveServer.settings.CustomBrowser": "chrome", //设置默认打开的浏览器
"liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-debugging-port=9222",
"liveServer.settings.NoBrowser": false,
"liveServer.settings.ignoredFiles": [//设置忽略的文件".vscode/**","**/*.scss","**/*.sass"
]
}

四、设置完毕后，重启vscode