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

，此时就会发现端口号已改。

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