vscode中open with live server
时间: 2023-04-25 16:00:15 浏览: 998
"VSCode中的Open with Live Server"是一种功能,它可以让你在VSCode中打开一个HTML文件,并使用Live Server插件来实时预览你的网页。这个功能非常方便,可以帮助你快速测试和调试你的网页。要使用这个功能,你需要先安装Live Server插件,并在VSCode中打开一个HTML文件,然后点击右上角的"Go Live"按钮即可。
相关问题
使用Vscode的 open with live server 打开html 页面, 但换成360浏览器后报错 failed to load resource:the server responded with a status of 404 (Not Found)
使用Vscode的 open with live server 打开html页面后,在切换到360浏览器时可能会报错 "failed to load resource: the server responded with a status of 404 (Not Found)"。这个错误表示服务器无法找到所请求的资源。解决这个问题的方法有两个方案。
方案一:修改配置文件
1. 找到config文件夹下的index.js文件。
2. 打开index.js文件,找到assetsPublicPath,并将其值修改为"./"。
3. 保存文件,并重新打开html页面。
方案二:检查跨域问题
1. 检查是否存在跨域问题,跨域问题可能导致服务器无法访问所请求的资源。
2. 如果存在跨域问题,可以尝试通过以下方法解决:
- 修改端口号:将Vscode的live server设置中的端口号改为其他可用的端口号,如3000。
- 搜索如何更改360浏览器的端口号,或尝试使用其他浏览器打开html页面。
vscode open with live server
要在 VSCode 中使用 Live Server,首先需要安装 Live Server 插件。安装完成后,可以在 VSCode 的资源管理器中右键点击 HTML 文件,然后选择 "Open with Live Server"。也可以在 VSCode 中使用快捷键(默认是Alt+L Alt+O)打开 Live Server。
阅读全文
相关推荐
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)