vscode+live server——更改端口号——基础积累
vscode+live server——更改端口号——基础积累
·
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
,此时就会发现端口号已改。
完成!!!多多积累,多多收获!!!
更多推荐
已为社区贡献3条内容
所有评论(0)