Live Server:一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript,但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果
1. 安装live server
image.png
2. 运行 右键 open with Live Server
image.png
3. 接口跨域时,需要后端将页面地址写入到白名单中,但是由于每次live server时打开的页面链接端口都不太一样,因此此时需要更改live server启动的端口号
3.1 使用快捷键ctrl+, 打开设置面板
image.png
3.2 配置:
//"liveServer.settings.port": 和后端商量好的端口号,
//示例
"liveServer.settings.port": 8888,
image.png
3.3 保存,重启vscode
附加:不用vscode 快速打开cmd
image.png
image.png