vscodeliveserver（vscodeliveserver5500）

本篇文章给大家谈谈vscodeliveserver，以及vscodeliveserver5500对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何实现前端代码打开vscode编辑器
• 2、在vscode编辑器中，如何实现手机端调试页面
• 3、vscode怎么让侧边预览放在扩展屏
• 4、VScode 打开页面 localhost 的方法

如何实现前端代码打开vscode编辑器

vscode 可安装静态web服务器 Live Server用于运行前端代码，方便调试。最新的 Live Server已支持php动态页面。

安装方法是，点击左侧第五个图标，打开“扩展”页面，在文本框配碰中输入Live Server，点击第一个搜索结果，在右侧页面中点击安装，等待安装完成。

运行方式是，选中项目，点击屏幕下方工具栏中的Go live按钮即可。再点击一次，即停止运行服务器。

Live Server有一山渗些默认配置选项，用户可以修改。点击 文件-首选项-设置， 在右侧页面中找到 Live Server Config，其中列出的是本插件的配置属性。将其复制到右侧，修改属性值，点击逗卖脊保存即可。例如，修改默认的端口，可以复制以下代码到页面的右侧的用户设置中。

1

"liveServer.settings.port": 5501

点击保存，默认的端口就有5500改为5501.

其他设置的含义，查找该插件的说明文档。

注意，VSCode 中的所有设置都是通过json格式的数据配置的。用户可以查找对应的key值，修改其value，从而修改配置属性。

[img]

在vscode编辑器中，如何实现手机端调试页面

      要想在移动端调试，首先得本地起一个岩灶服务，这时候就用到了慎谨 live server 插件。粗孝扮

vscode怎么让侧边预览放在扩展屏

我们可以安装两个插件：

1.open in browers

使用：htm文件中右键，点击右键菜单的view in browser，即可没明打开浏览器运行；

alt+b，运行；

alt+shift+b，切换不同浏览器运行；

优点：可以运行多个界面

2.view in browers

使用：htm文件中右键，点击右键菜单的view in browser，即可打开浏览器运行；

但这两种插件，预览时需要另外跳转到谷歌浏览器，打开一个标签页，调试时跳来跳唤春去，不太方便。

3.推荐使用Live Server Preview，

这个插件不用另外打开浏览器；它是直接在Vscode里面预览html的，并且是自动实时更新的，不用不停地Ctrl+S保存查看

使用：F1 - 弹出一个窗口输入live，然后右和察耐边出现预览窗口

VScode 打开页面 localhost 的方法

在vscode里写html引入js和携源渗less之后直接打开发现并不能正常显示裂芹，

或者用layui的表格请求本地的json数据的时候 报错：

Access to XMLHttpRequest at ‘…’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

这样的错误。

在安装 vs code 和 node.js的前提下：

在命令符中输入 npm install -g live-server 进行安装，

安装成辩脊功后在vscode里 “查看” - “集成终端”或者 文件夹命令提示符 里面输入 live-server ，

等待浏览器会自动打开 这个端口，

关于vscodeliveserver和vscodeliveserver5500的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。