实时更新Visual Studio Code工具与浏览器HTML修改同步更新_live_server的使用

已于 2024-07-30 22:49:45 修改
阅读量153 收藏
点赞数 2
分类专栏： web 文章标签： vscode 服务器
于 2024-07-29 18:37:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65696193/article/details/140778098
版权
实时更新Visual Studio Code工具与浏览器HTML修改同步更新_live_server的使用

1、点击这里

2、在搜索框输入live ser，点击下载

下载完成

3、右键回车

4、点击Open with Live Server

  1. 观察，原本的路径url，与现在的区别

（路径相当于一个本地的盘）

变成

（路径相当于已经搭建了一个服务器，可以实时更新，就不需要再手动刷新了）

这两个是一样的127.0.0.1：5500/MI/index.html与localhost：5500/MI/index.html

127.0.0.1等于localhost，都是本地意思

5500是端口号的意思

玺影儿
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VScode 更新
好习惯成就伟大
10-08 757
September 2021 (version 1.61) Welcome to the September 2021 release of Visual Studio Code. There are many updates in this version that we hope you will like, some of the key highlights include: Split editors within the same group- Quickly create side-by.
实时预览和热更新html
html0010的博客
08-14 572
热模块替换（HMR）是一种前端开发工具，它允许在不刷新整个页面的情况下，更新代码和资源。这意味着你可以在修改代码时立即看到效果，而不需要等待整个页面重新加载。HMR 将只更新修改过的模块，而保留应用程序的状态。通过配置Webpack和使用其热模块替换（HMR）功能，可以在前端开发过程中实现实时预览和热更新。这大大提高了开发效率，可以在修改代码时立即看到效果，而不需要等待整个页面重新加载。Webpack Dev Server的HMR功能使得前端开发更加流畅和高效。可以改变hot: false。
VSCode插件更新
Us153643205的博客
07-05 239
自定以VSCode插件更新
html显示时间，并且实时刷新
热门推荐
weixin_52063946的博客
07-14 1万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
vscode在服务器上的更新
weixin_43901182的博客
07-13 512
vscode在服务器上的更新
实时更新Visual Studio Code工具与浏览器HTML修改同步更新-live-server的使用
最新发布
07-16
### 实时更新Visual Studio Code工具与浏览器HTML修改同步更新-live_server的使用 #### 知识点一：live_server 插件的功能与作用 - **功能介绍**：`live_server` 是一个非常实用的Visual Studio Code插件，它可以...
visual studio code 编译运行html css js文件的教程
08-19
Visual Studio Code（VS Code）是一款由微软开发的免费、开源的源代码编辑器，支持多种编程语言，包括HTML、CSS和JavaScript。对于前端开发者来说，它是一个强大的工具，能够帮助编写、调试和运行这些文件。以下是...
Web-前端教程01 安装 Visual Studio Code 和 Live Server 实时重载插件.zip
05-24
Web-前端教程01 安装 Visual Studio Code 和 Live Server 实时重载插件.zip
Visual Studio Code 1.67.2 （code_1.67.2-1652812855_amd64.deb）
05-28
6. **实时预览**：通过Live Share 功能，开发者可以与他人实时协作，共享代码并查看彼此的更改。 7. **代码片段**：用户可以创建自定义代码片段，方便快速输入常用代码结构。 8. **智能代码提示**：通过...
在写HTML时可以及时刷新网页,browsersync实现网页实时刷新(修改LESS,JS,HTML时)
weixin_42514970的博客
06-22 158
JavaScriptvar gulp = require("gulp"),less = require("gulp-less"),browserSync = require("browser-sync"),path = {HTML : "html/*.html",LESS : "less/*.less",CSS : "css",JS : "js/*.js"};gulp.task("serve", ...
Update-VSCode:自动更新VS Code，因此您不必再为它担心
05-12
。 这可以解决该缺点，并允许用户仅使用VS Code。 描述 这是我为工作管理的更复杂的安装程序/更新程序的简单实现。 我希望该脚本可以作为计划任务执行； 手动或通过GPO。 快速开始 请参阅的。 参数 使用参数可以自定义一些安装程序选项。 还可以使用如下环境变量来设置所有参数： UpdateVSCode${Parameter} 。 例如，将SetupSilent变量作为环境变量为： UpdateVSCodeSetupSilent 。 请记住，环境变量始终是字符串。 因此，通过环境变量将switch参数设置为'$false'仍然是$true 。 您可以通过以下示例看到我的意思： [bool]'true' ， [bool]'false' ， [bool]'$true' ， [bool]'$false' ， [bool]'0'和[bool]'' 。 禁止封锁 类型： [switch] 如果
记一次有趣的 VSCode 版本更新（快速偷懒版）
前端技术
01-09 1541
记一次有趣的 VSCode 版本更新（快速偷懒版）
vscode专区(持续更新)
qq_40114620的博客
08-18 268
1.无错误提示 文件-首选项-设置（也就是files->preferences->settings）搜索errorSquiggles 在用户和工作区都选择enable
vscode中更新代码到码云
weixin_43719616的博客
11-18 935
重新更新VScode配置（C/C++）——负责任、手把手教学，亲测有效
jxwd的博客
10-13 6791
对于C/C++的编程环境来说，目前我们所接触到的、所用到的，除了vim以外，大众用的、尤其是学生群体用的主要是有三种。 一种是devc++； 一种是Microsoft Visual Studio，也就是我们俗称的VS； 还有一种是Microsoft Visual Studio Code，也就是我们俗称的vscode。 对于这样三种编译器，第一种我不想多说什么，因为我不推荐大家用devc++。唯一的好处可能就是装上去就能用。但是devc++是一种很老的编译器了。这个大家如果还有疑问，可以去网上搜搜，应
VSCode 1.88更新记录
前端之虎陈随易
04-06 598
如上动图，当我们打开了几个文件，但是文件名都一样的时候，有时候就不能直观地看出，文件属于哪个目录。那么我们就可以找到配置，通过glob语法，去匹配文件，并使用${extname}${dirname}和这几个变量来自定义显示名称。本功能可以通过开关来启用和禁用。随易点评VSCode编辑器最近的几个版本呢，在人性化体验上面真的是做得越来越棒了。我个人也早已将VSCode作为自己写代码，写文章，写故事的唯一编辑器了。glob语法：代表任意数量的字符 (包括零个字符)。例如，*.txt会匹配所有以.txt。
VsCode使用-持续更新
吃不饱、力不足的博客
01-01 412
1.我使用的软件软件下载安装 2.安装Chinese （Simplified）langueage插件。改成中文 3.安装vscode-icons插件。目录结构显示美观 4.
html前台数据自动更新,网页数据如何实现实时刷新？
weixin_36245388的博客
05-31 1万+
本文仅为学技术而简单举例，后端框架是Django，具体业务逻辑是否合理可以不用管，下方是工作中需要实现的需求自动化程序脚本运行的三种任务状态：1、未执行 2、执行成功 3、执行失败任务状态在网页前端实时展示，需要每隔一段时间请求数据库中的状态数据字段为webtask_stu，并返回前端展示 两种思路：1、前端轮询，每请求一次，建立一次连接，后端返回前端数据一次具体实现：设置定时器，每隔5s请求...
visual studio code live server
03-16
Visual Studio Code Live Server是一个VS Code插件，它可以在本地服务器上实时预览您的HTML、CSS和JavaScript文件。它可以自动刷新浏览器，以便您可以立即看到您所做的更改。这使得Web开发变得更加快速和高效。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值