vscode+live server——更改端口号——基础积累

场景

最近在写前台，通过jq写的，之前我一直嚷嚷jq基础薄弱，现在练手的来了。。。。

运行页面的时候，可以使用live server

1.vscode软件中安装live server

2.在html页面右击，有个open with live server

3.电脑默认的浏览器会自动打开一个页面：

4.接口跨域时，需要后端将页面地址写入到白名单中，但是由于每次live server时打开的页面链接端口都不太一样，因此此时需要更改live server启动的端口号

5.更改live server启动端口号

5.1 使用快捷键ctrl+,打开设置面板

5.2 输入 live server关键字，并切换到工作区！！！

5.3 点击在 setting.json 中编辑

5.4 在配置文件中添加——"liveServer.settings.port": xxxx,

重点就是这一行："liveServer.settings.port": 64467,
此时的端口号可以跟后端协商，统一一个端口号。

保存配置后，重新在html页面中右击执行open with live server，此时就会发现端口号已改。

完成！！！多多积累，多多收获！！！