专栏首页浅枫沐雪前端浏览器实时刷新工具

前端浏览器实时刷新工具

安装node.js

nodejs下载地址 https://nodejs.org/en/download/ 下载你的操作系统对应的版本,我下载的是LTS版

  • 下载得到.msi安装文件,直接点击下一步下一步并勾选PATH安装,记住安装的路径
  • 进入安装路径新建2个文件夹 node_global 和 node_cache

创建文件夹.png

  • 打开dos命令窗口输入
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"
dos输入.png
  • 配置环境变量
变量名:NODE_PATH
变量值:C:\Program Files\nodejs\node_global\node_modules

变量名:PATH
变量值:;C:\Program Files\nodejs\node_global
环境变量设置.png
Path后添加.png
  • 测试安装

npm install express -g # -g是全局安装的意思

  • npm安装浏览器实时刷新工具

npm install browser-sync -g

安装.png
  • 等待进度完成
  • 切换到项目目录
# --file后面js/css/html文件的路劲
browser-sync start --server --files "index.html"
# 即将弹出浏览器,ctrl + s保存你的文件后将实现实时刷新功能
使用与测试.png

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • html实现便签

    浅枫沐雪
  • python生成微信好友头像图

    浅枫沐雪
  • 文章notice与毫秒级建站时间

    首先,将以下js添加到主题,你可以添加到自己的js文件,也可以添加到footer.php文件中。添加的js文件中,直接添加即可。添加到footer.php,需要...

    浅枫沐雪
  • 【arXiv】2015 深度学习年度十大论文

    由康奈尔大学运营维护着的arXiv网站,是一个在学术论文还未被出版时就将之向所有人开放的地方。这里汇聚了无数科学领域中最前沿的研究,机器学习也包括在内。它反映了...

    新智元
  • Java——抽象类与接口的前世今生

    该系列博文会告诉你如何从入门到进阶,一步步地学习Java基础知识,并上手进行实战,接着了解每个Java知识点背后的实现原理,更完整地了解整个Java技术体系,形...

    说故事的五公子
  • 小白搭建博客教程之流程

    2016-03-1209:03:37 发表评论 431℃热度 搭建个人博客其实说简单也简单,说难也难,当初我一个独自探索,到现在也差不多摸清门路了,因此写一个...

    timhbw
  • final关键字、多态、抽象类、接口的小复习

    --------------------------------------- 1:final关键字可以干什么?有什么特点?   最终的意思。可以修饰类,方法...

    黑泽君
  • Java之抽象

    在面向对象的概念中,所有的对象都是通过类来描绘的,但是反过来,并不是所有的类都是用来描绘对象的,如果一个类中没有包含足够的信息来描绘一个具体的对象,这样的类就是...

    用户5224393
  • MySQL的字符集和乱码问题

    #字符编码:就是人类使用的英文字母、汉字、特殊符号等信息,通过转换规则,将其转换为计算机可以识别的二进制数字的一种编码方式

    guoke-boy
  • iOS中动态更新补丁策略JSPatch运用基础一

            JSPatch是GitHub上一个开源的框架,其可以通过Objective-C的run-time机制动态的使用JavaScript调用与替换项目...

    珲少

扫码关注云+社区

领取腾讯云代金券