在 vscode 中使用 Live Server 进行调试

最新推荐文章于 2024-09-17 11:01:23 发布
最新推荐文章于 2024-09-17 11:01:23 发布
阅读量1.7w 收藏 6
点赞数 4
分类专栏： 编辑器 文章标签： 在  vscode 中使用 Live Server 进行调试 Live Server
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LonewoIf/article/details/86624598
版权

第一步：在 vscode 中安装 live server
在这里插入图片描述
第二步：打开命令面板，输入 settings ，然后选择首选项并打开
在这里插入图片描述
第三步：搜索 live sever 配置项，将左侧需要修改的配置项复制到右侧用户设置并修改
在这里插入图片描述
第四步：设置完毕后，重启vscode，并选择需要浏览的文件，右键开启服务
在这里插入图片描述
或者点击编辑器底部：](https://img-blog.csdnimg.cn/20190124123135484.png)

随遇而安、1314
关注
专栏目录
[SUCCESS]前后端分离开发-入门案例 +VSCode安装
Armymans的博客
11-14 9124
1 Vue复习-商品管理系统 1.1 案例需求 完成商品的查询、修改、删除等操作 前端（浏览器端）：vue 后端（服务器端）：spring boot+spring mvc+mybatis 1.2 数据库设计与表结构 CREATE TABLE `t_goods` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(255) DEFAU...
VsCode LiveServer使用_LiveServer启动调试
热门推荐
天马3798
12-25 1万+
一、Vs Code LiveServer 启动具有静态和动态页面的实时重新加载功能的开发本地服务器。 这是一个具有实时重新加载功能的小型开发服务器。用它来破解你的 HTML/JavaScript/CSS 文件，而不是用于部署最终站点。 使用这个有以下几个个原因： 1.file://由于安全限制，AJAX 请求不适用于该协议，即，如果您的站点通过 JavaScript 获取内容，则您需要一个服务器。 2.在更改文件后自动重新加载页面可以加速开发。 3.本机开发的静态网页，可以在手机上浏览效果测试。.
Vscode 中新手小白使用 Open With Live Server 的坑
最新发布
前端-卡布达的博客
09-17 640
Vscode 中使用 Open With Live Server；打包dist文件 index.html 无法直接在浏览器中访问
windows vscode vue_vscode调试篇指南
weixin_39534780的博客
11-23 263
新人首次发文哈,大佬勿喷,有错的敬请指正哈。分享一些在工作和生活当中很常见的些关于vscode调试的用法，尤其是在node端，vscode集成的调试工具就更有用武之地了，好了废话不多说，开始啦。1. 开始前的准备由于笔者最近有需要制作cli的需求，基于公司内部的项目架构和部署方案，实现一套类似vue/cli的功能，因此看了一下vue/cli的源码，学习下尤大的设计思路，搭配项目来学习vs...
vsCode之Live Server
wch19960518的博客
05-30 894
我本地一个前端项目需要引入另一个项目的线上地址，但又不想本地搭一套服务，于是就在vsCode中装了这个插件。
VS Code 插件 Live Server
司马懿的西山居
02-20 4217
安装插件 直接在扩展商店搜索 live server，下面几个服务器均可。安装好后重启 vs code。 live server 插件实现了 为本地前端开发，提供了一个临时搭建的后台服务 修改文件保存后，浏览器自动刷新显示 开启服务的4种方式 在窗口的最底部有 Go Live 可以点击，一旦点击，就会自动在浏览器中打开HTML文件 在HTML文件中右键，然后点击open live ser...
vscode安装插件liveserver
04-11
要安装VSCode插件liveserver，请按照以下步骤： 1. 打开VSCode编辑器。 2. 点击左侧的“扩展”图标（或使用快捷键Ctrl+...安装完成后，您可以在VSCode中方便地使用Live Server插件进行实时预览和调试Web应用程序。
vscode中的live server扩展怎么把file协议文件改成HTTP协议文件
05-11
在使用VS Code中的live server扩展时，可以将文件从file协议改为HTTP协议的方法如下： 1. 打开扩展的设置界面。在VS Code的侧边栏中，找到Extensions（扩展）一栏，搜索"Live Server"，点击该扩展下的设置按钮。 2...
vscode中open with live server
03-16
"VSCode中的Open with Live Server"是一种功能，它可以让你在VSCode中打开一个HTML文件，并使用Live Server插件来实时预览你的网页。这个功能非常方便，可以帮助你快速测试和调试你的网页。要使用这个功能，你需要先...
VScode中html网页, 用Live Server启动怎么操作
09-11
要在 VSCode 中使用 Live Server 启动 HTML 网页，需要执行以下步骤： 1. 在 VSCode 中打开要启动的 HTML 文件。 2. 在 VSCode 的侧边栏中找到扩展（Extensions），并安装 "Live Server" 扩展。 3. 安装完成后，...
vscode的live server怎么用
06-06
回答1：</h3><br/>VSCode的Live ...4. 如果你需要修改Live Server的设置，可以在VSCode的设置中找到Live Server选项，并进行相应的配置。 总之，使用Live Server可以让你更方便地进行网页开发和调试，提高开发效率。
VScode下安装Live Server（自动刷新html页面）
追求卓越583的博客
08-30 5375
VScode下安装Live Server（自动刷新html页面）
【VSCode】插件推荐 - Live Server
m0_49239264的博客
06-02 1453
简单易用：您可以通过在VSCode的侧边栏中找到Live Server插件，点击"Go Live"按钮或在HTML文件上右键选择"Open with Live Server"来启动服务。自动刷新功能：当您在VSCode中编辑HTML、CSS或JavaScript文件并保存更改时，Live Server会自动在浏览器中刷新页面，让您立即看到最新的变化。多浏览器支持：Live Server支持在不同的浏览器上运行，您可以在插件设置中指定默认浏览器，甚至可以为不同的项目设置不同的浏览器。
关于vs code中Live Server插件安装后无法打开的问题
2202_76101487的博客
06-29 2688
live server插件无法打开的问题解决
VSCode新建项目及插件Live Server的gif演示
qq_41904864的博客
03-20 947
VSCode新建一个项目;VSCode中达到cmd的效果;VSCode的Live Server插件的使用(gif演示)
VSCode上的LiveTemplate配置
qq_38993096的博客
01-25 1039
参考链接 cpp.json文件内容如下： { // Place your snippets for cpp here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible va
在VSCode中使用Live Server真机调试
lklalmq的博客
01-17 1186
6、把 127.0.0.1 换成 IPv4的地址 ，列：http://192.168.0.120:5500/index.html，在手机上输入就可以访问了。4、想要在手机上访问 就需要输入你的IP地址加上后面的5500 查看ip地址 Windows+R 输入cmd。2、安装完成之后 鼠标右键单击 html文件 > 点击 Open with Live Server。注意（电脑和手机必须处于同一个网络下 才可以使用 否则不生效！1、在vscode 中搜索 Live Server并安装。
在vscode中安装使用live Server（前端搭建自己的本地服务器环境）
z1093541823的博客
04-27 3960
在vscode中安装使用live Server（前端搭建自己的本地服务器） 在扩展中搜索live Server，找到并下载，下载完后点击设置图标，点击扩展设置
VsCode常用设置（新手必备！）
关注我！带你一路 "狂飙" 到底！
09-11 3295
很多同学会有疑问，为什么我看到很多大牛的视频里面敲代码的时候，输入一个template，就会出现一大块代码。 为什么我输入一个template，只有这一个单词，啥也没出来 别墨迹，快解决 闲话不多说，我们就来聊一聊如何--懒省事（在VsCode里面设置自定义的模板） 首先：我们要找到这个模板设置的入口 在文件 - > 首选项 - > 用户代码片段 选中以后，会出现下面这个输入框，假如你想设置.vue文件的模板，可以新建一个vue.json全局代码片段文件，输入vue.json
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值