html保存代码自动刷新页面，node, vscode

最新推荐文章于 2024-06-05 17:49:03 发布
最新推荐文章于 2024-06-05 17:49:03 发布
阅读量1k 收藏 4
点赞数 2
分类专栏： node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jack_rose_me/article/details/113004859
版权

1、第一种方式：安装node 

npm install -g browser-sync

cd  进入html项目的路径运行下面语句

browser-sync start --server --files "**"

访问http://localhost:3000/ 

 

2、第二种方式：  vscode让html文件保存自动刷新浏览器

安装 live server

 在这里插入图片描述

林间风雨
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue项目vscode 安装eslint插件的方法(代码自动修复)
10-15
至此，你的Vue项目已经在VSCode中成功配置了ESLint插件，现在每当保存文件时，不符合规范的代码将被自动修复。这极大地提高了开发效率，确保了代码质量。记得根据团队的编码规范调整规则，以满足特定的需求。
在vscode里配置mocha进行node代码测试
01-07
Mocha是一个能够运行在Node和浏览器中的多功能的JavaScript测试框架，它让异步测试简单且有趣。Mocha连续地运行测试，并给出灵活而精确的报告，同时能够将错误精确地映射到测试用例上。它托管在GitHub上。 开始配置 ...
让HTML文件在vscode中自动保存刷新
m0_52074342的博客
01-19 3296
1、打开vscode中的延时保存 搜索Auto Save，将其修改为afterDelay 2.下载Live Sever扩展 3.右击你想要打开的html文件，选择 open with Live Server 这样就不用每次手动保存再刷新了，省力又高效。 ...
HTML设置页面自动刷新
hn_zhaoyu
11-13 2852
页面自动刷新 <meta http-equiv="refresh" content="10;url=#"> 10指的是10s，URL指的是要跳转的页面，当为#时候是自动刷新。 当为一个URL地址时候如："http://www.51jfgou.com"，就会在10s后跳转到这个页面。  ...
VS code 合集
最新发布
glutinous_Rice的博客
06-05 172
vscode合集
vscode中安装插件使html文件保存自动刷新浏览器
weixin_44249746的博客
08-05 3240
当我们用vscode进行html页面编程时，每次保存程序后，都要重新刷新浏览器，才能使页面重新渲染，这样有点麻烦。如何像vue项目一样，做到程序保存页面随即自动刷新呢？Live Servier插件来帮您。
自动修改html文件,修改 HTML JS CSS 等文件浏览器自动刷新
weixin_39917894的博客
05-30 341
引用如果我们厌烦了每次修改 HTML, JS, CSS 等文件后，需要手动 刷新浏览器的话，那么借助 Grunt 的一些插件，可以实现自动刷新。(其实我觉得手动刷新也没费事儿到哪去，O(∩_∩)O哈哈~)建个文件夹，例如 test，进入，做如下操作1. 首先要有 NodeJs, Grunt 环境，假设已经有了。2. 新建一个名叫 package.json 文件。内容如下。3. 新建一个名叫 Gru...
Node_node.js如何实时一保存就自己重新启动刷新项目
weixin_42137574的博客
09-11 1795
打开项目终端: 执行如下命令 -> npm install nodemon -g 这个命令是 下载nodemon 到操作系统上 下载完成后 执行启动js的命令 nodemon 文件夹路径 例子: nodemon ./http.js 执行完后 只要修改了 代码 就会重新启动 ...
Vue-cli Eslint在vscode里代码自动格式化的方法
08-27
在 Visual Studio Code (VS Code) 中，我们可以集成 Eslint 来实现代码自动格式化，这样在保存文件时，代码会自动按照预设的规范调整格式。 1. **Vue CLI 中的 Eslint 集成** Vue CLI 默认已经包含了 Eslint 配置...
vscode+git+node
11-24
例如，开发者可以在VSCode中直接运行和调试Node.js程序，通过Git管理代码版本，同时利用VSCode的Git功能进行版本控制操作。此外，VSCode的扩展如GitLens可以增强Git功能，提供更详细的提交历史视图，以及更便捷的...
vscode 调试 node.js的方法步骤
10-14
在开发 Node.js 应用程序时，调试是一个至关重要的环节，它可以帮助我们找出代码中的错误，理解程序的执行流程。Visual Studio Code (VS Code) 是一个功能强大的源代码编辑器，支持多种编程语言，包括 Node.js。本文...
nodejs项目实战教程02——nodejs应用自动更新
qq_39055970的博客
10-29 1496
nodejs项目实战教程02——nodejs应用自动更新方法一：使用nodemon方法二：使用supervisor推荐使用nodemon 方法一：使用nodemon 1、全局下载软件包nodemon： npm i -g nodemon 2、使用nodemon命令取代node命令： nodemon app.js 方法二：使用supervisor 1、全局下载软件包supervisor： npm i -g supervisor 2、使用supervisor命令取代node命令： supervisor ap
【HTML】HTML 网页自动刷新
德仔
09-29 6230
在进行HTML网页编写的过程中，往往需要及时的编写反馈，反复的在编辑器和浏览器窗之间进行切换是一个很繁琐的事情，如果在编辑器上使用插件，我也不太愿意，繁琐而且不安全。下面介绍三种不需要插件的自动刷新方法。其中参数和上面第一种的参数同一个含义,content是刷新时间,单位为秒,后面的url为刷新地址。其中前面是刷新所需的meta标识,后面的content是刷新的秒数。使用 JavaScript 自带的定时函数，设置时间的单位为毫秒。在html的文档头中,在标签中添加meta属性，像下面“
vsCode自动保存与浏览器自动刷新
m0_59989185的博客
09-07 8736
vsCode自动保存与浏览器自动刷新
该页面仅以HTML格式保存_轻松实现页面自动刷新功能，提高前端开发效率
weixin_39900023的博客
10-22 462
作为一名前端，开发web页面是我们的本职工作。在完成一个页面开发的过程中，保存代码然后手动刷新页面查看效果，这样的动作需要重复无数次，虽然一次这样的动作可能只要花费几秒钟的时间，但是次数多了也挺浪费时间的。社区有一款工具可以帮助前端在每次保存完代码后自动刷新浏览器页面——livereload。自动刷新工具目前有很多的工具都内置了自动刷新功能，以下列举几个常见的。浏览器插件liveReloadweb...
HTML页面实现自动刷新的2种方式
热门推荐
美奇软件开发工作室
03-11 4万+
1.页面自动刷新：把如下代码加入＜head>区域中＜meta http-equiv="refresh" content="20">//其中20指每隔20秒刷新一次页面2.页面自动刷新js版＜script language="JavaScript">function myrefresh(){window.location.reload();}setTimeout('myrefre...
VS code 保存自动刷新chrome浏览器（详细）
dragoned_123的博客
05-01 1万+
文章目录VS code 保存自动刷新chrome浏览器1.准备chrome插件（LiveReload）2.准备VS code插件（LiveReload）3.开始调试1.使Vs code里面的LiveReload是enable模式（安装上就是enable模式）2.用Chrome浏览器打开你的html文件3.右击浏览器LiveReload小图标，进入管理扩展程序4.打开允许访问文件地址选项5.返回之后...
vscode 自动保存 自动刷新
qq_43660252的博客
12-16 1万+
Vs code 自动保存： 设置按钮： 常用设置第一个选择 afterDelay 下面的是自动保存的间隔 时间单位为毫秒。 自动刷新：弄不好livereload插件 所以选择liveserver插件 作用相似，其更简单 在扩展里面输入live server 安装插件 然后点击右下角的go live 变成port：5500就行 这时候打开的浏览器是360浏览器，我想要打开Chro...
vscode保存浏览器自动刷新
qq_45305088的博客
10-30 5476
下载live server 接着重启vscode 对需要的html右键open with live server
vscode node自动保存
12-27
在VSCode中，你可以通过以下步骤来实现Node.js文件的自动保存： 1. 打开VSCode，点击左侧的扩展图标（四个方块组成的正方形）。 2. 在搜索栏中输入"Node.js"，找到并安装"Node.js"扩展。 3. 安装完成后，点击左侧的资源管理器图标（文件夹图标）打开你的Node.js项目文件夹。 4. 在资源管理器中找到你的Node.js文件，右键点击并选择"打开方式"->"首选默认编辑器"。 5. 在打开的文件中，进行编辑并保存。 6. 当你保存文件时，VSCode会自动检测到文件的更改并自动保存。 这样，你就可以实现在VSCode中对Node.js文件的自动保存了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值