node.js刷新浏览器要点

最新推荐文章于 2022-08-06 23:21:09 发布
最新推荐文章于 2022-08-06 23:21:09 发布
阅读量1k 收藏
点赞数
分类专栏： 初学前端心得 文章标签： web nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/abcd2923/article/details/106611249
版权

node.js刷新浏览器要点

做一个网页项目时，总是需要不断保存代码，再不断刷新浏览器去查看我们的网页效果，很麻烦。去官网上安装一个node.js就可以解决我们的烦恼，安装好后，我们只需要保存代码，浏览器就会自动刷新，我们就可以看到即时的网页效果。

  1. 新建一个文件夹project，在vscode中打开

  2. 点击文件夹，在终端中打开，按住快捷键 Ctrl+` 即可

  3. 初始化项目，npm init -y,会出现一个project.json文件在这里插入图片描述

  4. 输入npm i live-server,会自动下载我们需要的一个包在这里插入图片描述

  5. 打开刚刚出现的project.json文件，删除如图中代码，输入“start”:“live-server demo”,其中demo是你要监听的文件夹，换成你需要监听的文件夹名就好在这里插入图片描述
    在这里插入图片描述

  6. 在project下新建一个demo文件夹（即你需要监听的文件夹），里面就可以放你的html,css js文件在这里插入图片描述

  7. 在终端中输入npm start 就完成了。文件名必须是index才会默认识别，如果是别的，浏览器链接后面拼上自己的文件名，如 /index1.html
    在这里插入图片描述

  8. 其中“垃圾桶“是终止终端，”x"是关闭面板在这里插入图片描述

maodoudou.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jwt的token自动续约_node.js - JWT（JSON Web Token）自动延长到期时间
weixin_34540485的博客
12-30 887
node.js - JWT(JSON Web Token)自动延长到期时间我想为我们的新REST API实现基于JWT的身份验证。 但是由于在令牌中设置了到期，是否可以自动延长它？ 我不希望用户在每X分钟后需要登录，如果他们在那段时间内积极使用该应用程序。 这将是一个巨大的用户体验失败。但是延长过期会创建一个新令牌(旧令牌在到期之前仍然有效)。 每次请求后生成一个新令牌对我来说都是愚蠢的。 当...
Node基础要点
u010180452的博客
06-28 305
Node 基础语法 浏览器Javascript 不能做什么？ 访问数据库 不能对文件进行操作 不能对系统进行操作 原因是为了安全，和浏览器的运行机制有关 在开发人员能力相同的情况下编程语言的能力取决于什么？ 取决于平台， cordova hbuilder 平台 platform java java虚拟机 （运行平台） php php虚拟机 +c# ...
node.js+ajax 实现左右分栏+局部刷新
05-08
node.js+ajax 左右分栏 局部刷新
node.js结合browsersync的chrome浏览器实时刷新工具
qq_39020979的博客
05-30 305
https://nodejs.org/zh-cn/官网下载node.js长期支持版 安装过程四个选项中记得选择oneline就行 打开cmd 输入node -v 检查安装是否成功 www.browsersync.cn网站5分钟入门里按提示下载browsersync包 命令行powershell代码安装：npm install -g browser-sync cmd命令行powershell找到index.html文件目录：cd desktop(文件在桌面)->运行代码 brow..
Nodejs Browser-sync修改文件浏览器同步刷新
lihefei_coder的博客
03-20 1208
安装 npm install -g browser-sync 启动 如果想要监听.html文件, 需要使用服务器模式。 BrowserSync 将启动一个小型服务器，并提供一个URL来查看网站。 监听单个文件，在当前目下输入以下命令 browser-sync start --server --files "css/*.css" 监听多个文件，在当前目下输入以下命令 // --files 路径...
node.js 搭建服务器 前端单页面应用系统，刷新浏览器找得到页面
songJunFeng1的博客
02-02 493
var express = require('express'); var ecstatic = require('ecstatic'); var history = require('connect-history-api-fallback'); var app = express(); //设置允许跨域访问 app.all('*', function(req, res, next) { res.header('Access-Control-Allow-Origin', '*'); /.
JS刷新当前页面的几种方法总结
xyr05288的专栏
12-08 796
reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet])                                                                                                                           参数： bForceGet， 可选参数
我看Next.js：一个更现代的海王
Node全栈
11-05 4424
Next.js是一个用于生产环境的React 应用框架（官方介绍：The React Framework for Production），使用它可以快速上手开发 React 应用（ ena...
贪吃蛇JS实现(超详细,万字解析版)
Prototype__God的博客
01-11 5385
本文是对B站尚硅谷TypeScript贪吃蛇项目的超详细解析。 原视频TypeScript讲的很好,很建议有时间去观看。对于时间不充裕的小伙伴。此文的目的就是让大家以少的时间得到大的收获。
javascript及ext学习要点(已完成).docx
06-17
它运行在客户端（浏览器）或服务器端（Node.js），主要用来控制网页的行为，如响应用户交互、处理数据、生成动态内容等。 **2. JavaScript能做什么？** JavaScript能够： - 操作DOM（文档对象模型）元素，改变网页...
js刷新当前页面的几种方法(相当牛X)
11-14
用js刷新当前页面的几种方法，包括reload方法、replace方法、自动刷新方法 如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。 语法： location.replace(URL) 通常使用： location.reload() 或者是 history.go(0) 来做。 此方法类似客户端点F5刷新页面，所以页面method="post"时，会出现"网页过期"的提示。 因为Session的安全保护机制。 当调用 location.reload() 方法时， aspx页面此时在服务端内存里已经存在， 因此必定是 IsPostback 的。 如果有这种应用： 需要重新加载该页面，也就是说期望页面能够在服务端重新被创建，期望是 Not IsPostback 的。 这里，location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。 代码： location.replace(location.href);
安装浏览器同步刷新Browsersync+ NodeJs 安装
qq_36575358的博客
01-07 310
Browsersync需要依赖Node环境，所以这里我们需要先安装NodeJs 1.NodeJs安装 NodeJs安装成功，下面是完整安装NodeJs目录，但是我们仍需验证一些配置文件。 Win+R 输入cmd 验证环境变量，如果能看到安装的nodejs的路径，表示path环境变量设置ok！ echo %path% 验证NodeJs版本 node -v 验证NPM版本 npm...
node.js 基础入门——自动刷新网页nodemon
Myself's CSDN
06-26 2013
nodemon 自动启动 安装： npm install nodemon --save-dev 使用： nodemon xx.js xx.js为你要安装的js文件 只要用nodemon 启动的，每次crtl + s 保存后，都会自动刷新页面。 冲
nodejs创建服务器并根据不同网址刷新页面内容(绝对路径)
欢迎来到我的博客！在这里，我将分享我在前端开发方面的知识和经验。让我们一起探索前端开发的无限可能！
08-06 448
页面里面有css img js 必须一起请求 不然会出不来效果 所以需要把全部的链接都引入。 后面有简化方法 绝对路径
使用node-livereload自动刷新页面
weixin_30697239的博客
06-21 321
1. 安装node 2. 安装python 3. 安装connect, serve-static和node-livereload (以下都假设命令行当前目录为e:\WebSite) e:\WebSite>npm installconnect e:\WebSite>npm installserve-static e:\WebSite>npm install liver...
浏览器实时刷新
wmy94827的博客
04-13 665
http://www.browsersync.cn/docs/command-line/ browser-sync
express+nodemon 修改后浏览器自动刷新
weixin_30896511的博客
12-22 1097
添加nodemon模块 cnpm install --save nodemon 根目录添加文件 nodemon.json { "restartable": "rs", "ignore": [ ".git", ".svn", "node_modules/**/node_modules" ], ...
前端自动化之(一)—浏览器自动实时刷新
weixin_30719711的博客
12-13 894
前端自动化之(一)—浏览器自动实时刷新 引言： 无数次的修改查看效果，无数次的清除缓存查看，重启，启动……只为了看见一个变化生效而已。当修改一个地方的时候，要想看见效果，如此大费周折？尤其是对于前端来说，不是那么很懂得eclispse工具的操作，淡淡的忧伤……不爽！哪里有需要，哪里有突破！ 前端自动化之——自动实时刷新，应运而来！首先，我们新建一个名为“refresh”的文件夹，存储在电脑...
[Nodejs] nodemon：自动重启与页面刷新
offerkkl的博客
11-02 6079
前提：已经install nodemon到global，这里说如何使用nodemon代替node 例如文件路径 desktop/lab3，而且已经npm install好node-modules 如果用node命令，要npm start 如果用nodemon，要nodemo --exec ‘npm start' 而且在程序输出完毕后显示如下，等待程序更新，然后这边自
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值