VS Code插件live server的安装和使用

最新推荐文章于 2025-04-10 21:16:15 发布
最新推荐文章于 2025-04-10 21:16:15 发布
阅读量4.4k 收藏 4
点赞数 5
分类专栏： 插件 文章标签： vscode html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_37024730/article/details/128902967
版权

VS Code插件live server的安装和使用

安装

1、找到侧边功能栏中的”扩展“按钮在这里插入图片描述

2、在搜索框中搜索live server（搜索不出结果可以进行多次刷新）在这里插入图片描述

3、点击第一项后面的安装按钮进行安装
4、安装按钮变成设置按钮即为安装成功在这里插入图片描述

使用

在html文件中点击鼠标右键，选择”open with live server“选项，就能够直接打开html页面了
在这里插入图片描述

VSCode 使用教程：项目使用配置、使用哪些插件、Live Server使用问题及解决方案(你想要的，都在这里)
狮子座的男孩
11-26 4773
插件打开文件夹下的文件，就类似于从服务器上访问该文件，且代码出现改动后，可以自动刷新;// 由于被打开的文件只是一个单独的文件，而非存在于一个文件夹内，因此在右键点击。：当文件信息修改后，只要切换成其它文件，上个文件的修改信息就会自动保存;//且在切换其它文件时，该双击打开的文件会在窗口保存，不会被覆盖;//且在切换其它文件时，该单击打开的文件不会在窗口保存，会被覆盖;)，即：写好代码后，延迟多少毫秒会自动保存;)后，再打开时间线，通过点击时间线中不同的。)后，再打开大纲，发现该文件中的。
VSCode（Visual Studio Code）和Chinese、Live Server插件的下载、安装及使用
Satellite_Q的博客
03-21 8083
vscode全称：Visual Studio Code。它是Microsoft公司在美国的一个项目:一个跨平台的源代码编辑器,用于在Mac OS X,Windows和Linux上运行的现代Web和云应用程序。通俗地说,是一款编辑器。vscode集成了现代编辑器应具有的所有功能，包括语法突出显示，可自定义的热键绑定，括号匹配和代码片段集合，该编辑器还具有开箱即用的Git支持。
离线安装VSCode Server
！！博文附件统一获取地址：https://blog.csdn.net/sinich__eveen/article/details/145529641
02-10 1097
1、菜单 > 帮助 > 关于，获取 VSCode 的 commit id2、从下载 vscode server3、将上传到 server4、将下载的解压到目录下，不带目录。5、在目录下创建一个文件，文件名为0。
VSCode Live Server 插件安装和使用
呆萌很的博客
01-08 4006
VSCode Live Server 插件安装和使用
WebStorm中使用live-server插件
最新发布
Eddie'Blog
04-10 600
打开文件后输入 *.fdy.live.com 的域名。若不需要指定直接使用localhost就直接运行。默认打开的页面，也可以指定某个html地址。
【vscode】 使用 【Live Server】插件 展示静态网站，自动刷新
jhgj56的博客
11-22 2050
vscode Live Server插件
Visual Studio Code 插件 Live Server 安装与配置完全指南
gitblog_07464的博客
09-13 3229
Visual Studio Code 插件 Live Server 安装与配置完全指南 vscode-live-server Launch a development local Server with live reload feature for static & dynamic pages. ...
VSCode插件Live Server
记录和分享属于我的“IT”时光。
02-02 825
VSCode插件Live Server能够实现当我们在VSCode编辑器里修改 HTML、CSS 或者 JavaScript 文件时，它都能自动实时地刷新浏览器页面，让我们实时看到代码变化的效果。再也不用手动刷新浏览器了，节省了大量的开发过程耗时！
vscode中加入live server插件并在浏览器中展示
Arinck的博客
04-28 1504
6.还有一种方法打开浏览器，在代码页面的任何位置右击，如图，选择“Open With Live Server”或者使用快捷键“alt+L ait+O”,也可以打开默认浏览器。5. 打开写好的html代码页面后，可以点击右下角的“Go Live”标识，即可自动打开默认浏览器并运行编写代码，写的过程中要及时保存代码可以实现网页代码的实时预览。2.在搜索框写入圈1“live server ”插件，选择圈2安装。3.等待安装完毕 后。4.安装插件完成后，
【VSCode】插件推荐 - Live Server
m0_49239264的博客
06-02 1868
简单易用：您可以通过在VSCode的侧边栏中找到Live Server插件，点击"Go Live"按钮或在HTML文件上右键选择"Open with Live Server"来启动服务。自动刷新功能：当您在VSCode中编辑HTML、CSS或JavaScript文件并保存更改时，Live Server会自动在浏览器中刷新页面，让您立即看到最新的变化。多浏览器支持：Live Server支持在不同的浏览器上运行，您可以在插件设置中指定默认浏览器，甚至可以为不同的项目设置不同的浏览器。
Web-前端教程01 安装 Visual Studio Code 和 Live Server 实时重载插件.zip
05-24
Web-前端教程01 安装 Visual Studio Code 和 Live Server 实时重载插件.zip
VS Code+Live Server插件开发游戏并结合内网穿透分享好友异地访问
2501_90252272的博客
01-18 1005
如何使用VSCode编写一个小游戏并结合内网穿透实现远程访问。
VS Code 插件 Live Server
司马懿的西山居
02-20 4516
安装插件 直接在扩展商店搜索 live server，下面几个服务器均可。安装好后重启 vs code。 live server 插件实现了 为本地前端开发，提供了一个临时搭建的后台服务 修改文件保存后，浏览器自动刷新显示 开启服务的4种方式 在窗口的最底部有 Go Live 可以点击，一旦点击，就会自动在浏览器中打开HTML文件 在HTML文件中右键，然后点击open live ser...
VS Code -- Live Server
weixin_43588715的博客
03-22 6707
Live Server插件用来自动加载热部署前端页面相关的文件（.html/.js/.ts/.css），简单来说就是：快速启动本地服务，自动监听，不需要刷新就能更新内容。有了它之后调试前端页面再也不需要不停地手工去点击浏览器上的刷新按钮。
VSCode Live Server 安装与使用教程
gitblog_00534的博客
08-12 1586
VSCode Live Server 安装与使用教程 项目地址:https://gitcode.com/gh_mirrors/vs/vscode-live-server 1. 项目介绍 VSCode Live Server 是一个由 Ritwick Dey 开发的Visual Studio Code扩展插件，它提供了一个带有实时重载功能的本地开发服务器。该插件允许开发者在编辑静态或动态页面时实时预...
vscode的Live Server插件：将修改保存后的页面在浏览器中自动更新
听海边涛声
04-24 983
vscode的Live Server插件：将修改保存后的页面在浏览器中自动更新
VSCode创建并运行html页面（使用Live Server插件）
m0_51371779的博客
06-24 2128
打开浏览器，输入网址 http://localhost:【端口号】/【html文件名】.html，我这里是http://localhost:5500/testhtml.html，大家根据自己的端口号和html文件名修改网址。在输入框中输入“xxx.html”，其中xxx是html文件的名字，回车。点击扩展按钮，搜索Live server，点击“安装”按钮。在弹出的窗口中选择刚才新建好的文件夹，点击“选择文件夹”在VSCode中点击“文件”，再点击“打开文件夹”在打开的文件夹中选择“新建文件”按钮。
VS Code中live server插件相关问题记录
2301_80174941的博客
02-22 1033
VS Code中live server插件相关问题记录。记录了通过vscode中live server插件打开html文件和直接打开html文件网页内容不同的问题。
Visual Studio Code与Live Server安装教程
Live Server是一款非常受欢迎的VS Code插件，主要用于本地实时重载网页。当开发者对HTML、CSS或JavaScript做出更改时，Live Server可以自动刷新浏览器，从而避免了手动刷新的繁琐。它还提供了其他一些功能，如在编辑...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

如果我是泡橘子

很高兴我踩过的坑能够帮助到你！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值