第一步下载 第二步点击右下角的Go Live 浏览器打开一个端口为5500的页面,如下图: 但是如何登陆和与后台交互呢,我百度后,找到如下配置 { "liveServer.settings.host": "localhost", //设置本地服务的地址 "liveServer.settings.port": 8045,//设置本地服务的端口号 "liveServer.settings.proxy": { "enable...
1. 安装live server image.png 2. 运行 右键 open with Live Server image.png 3. 接口跨域时,需要后端将页面地址写入到白名单中,但是由于每次live server时打开的页面链接端口都不太一样,因此此时需要更改live server启动的端口号 3.1 使用快捷键ctrl+, 打开设置面板 image.png 3.2 配置: //"liveServer.sett...
一、在vscode扩展中搜索live server,并安装 二、文件-->首选项-->设置 三、搜索live sever配置项,找到LiveServer>settings:Port打开,把 四、设置完毕后,重启vscode,并选择需要浏览的文件,右键开启服务,就可以在浏览器中浏览网页啦
安装live server 插件默认 Open with Live Server 是http,如果想用https访问,进行一些设备权限授权才能查看页面功能的时候还是需要配置一下,这样不需要每次都上传服务器: Setting --> 输入 live server --> Edit in setting.json 进行配置 也可以在项目目录中创建 .vscode/setting.json {"liveServer.settings.https...
"liveServer.settings.port": 8080, //设置本地服务的端口号 "liveServer.settings.root": "/", //设置根目录,也就是打开的文件会在该目录下找 "liveServer.settings.CustomBrowser": "chrome", //设置默认打开的浏览器 "liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-debug...
“liveServer.settings.CustomBrowser”: “chrome” “` 6. 保存文件并重新打开VSCode,这样就可以将默认浏览器设置为谷歌浏览器了。 通过上述步骤,你就可以将VSCode默认的浏览器设置为谷歌浏览器,方便在编写HTML文件时进行预览。如果仍然无法设置成功,请确保你的VSCode和谷歌浏览器都是最新版本,并尝试重新安装扩展或者...
–Live Server:用于运行静态网页的本地服务器,并在默认浏览器中打开。 步骤2:配置VSCode设置 在VSCode中,按下`Ctrl+Shift+P`(Windows/Linux)或`Command+Shift+P`(macOS)打开命令面板,然后输入“Preferences: Open Settings (JSON)”并选择该选项。 在settings.json文件中,添加以下代码以配置运行浏览器的首选项: ...
vscode下关于LiveServer的使用 vscode下关于LiveServer的使⽤vscode下关于Live Server的使⽤ ⼀、在vscode扩展中搜索live server，并安装 ⼆、⽂件-->⾸选项-->设置 三、搜索live sever配置项，找到LiveServer>settings:Port打开，把 四、设置完毕后，重启vscode，并选择需要浏览的⽂件，右键开启服务，就...
当然如果端口冲突,插件会自动启动其他端口的,这个大家不必担心,放心使用即可 点击【文件】=【首选项】=【设置】 搜索关键字【liveserver】一直往下找,我们可以找到live Server相关设置 liveServer.settings.port 是设置端口的 liveServer.settings.proxy是设置代理的 其他设置大家可以自己查看 VScode如何配置本地服务器...