首页IT科技vscode配置eigen(vscode+live server——更改端口号——基础积累)

vscode配置eigen(vscode+live server——更改端口号——基础积累)

时间2025-07-29 17:15:49分类IT科技浏览8676
导读:最近在写前台,通过jq写的,之前我一直嚷嚷jq基础薄弱,现在练手的来了。。。。...

最近在写前台                  ,通过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                      ,此时就会发现端口号已改              。

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

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
最新seo网站优化教程(seo网站优化详解) 搜索引擎优化概念和主要内容(搜索引擎优化的原理)