前端浏览器实时刷新工具
安装node.js
nodejs下载地址 https://nodejs.org/en/download/ 下载你的操作系统对应的版本，我下载的是LTS版
- 下载得到.msi安装文件，直接点击下一步下一步并勾选PATH安装，记住安装的路径
- 进入安装路径新建2个文件夹 node_global 和 node_cache
创建文件夹.png
创建文件夹.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
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019-03-12，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
