前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端浏览器实时刷新工具

前端浏览器实时刷新工具

作者头像
暖月寒星
发布2020-03-12 09:57:23
2.1K0
发布2020-03-12 09:57:23
举报
文章被收录于专栏:浅枫沐雪

安装node.js

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

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

创建文件夹.png

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

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

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

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

npm install browser-sync -g

安装.png
安装.png
  • 等待进度完成
  • 切换到项目目录
代码语言:javascript
复制
# --file后面js/css/html文件的路劲
browser-sync start --server --files "index.html"
# 即将弹出浏览器,ctrl + s保存你的文件后将实现实时刷新功能
使用与测试.png
使用与测试.png
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-03-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档