发布时间:2023-04-22 文章分类:WEB开发, 电脑百科 投稿人:王小丽 字号: 默认 | | 超大 打印

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

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

1.vscode软件中安装live server

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

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

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

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

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

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

5.更改live server启动端口号

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

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

5.2 输入 live server关键字,并切换到工作区!!!

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

5.3 点击在 setting.json 中编辑

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

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

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

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

完成!!!多多积累,多多收获!!!