browsersync 插件

自从发现了这个 browsersync 插件 ...

在也不用每次改一行代码就去手动刷新 HTML 页面了
省去了很多繁琐的操作,当有多个显示器的时候,更加的方便,在IDEA上编辑代码之后,点击 command + s 保存之后即可马上在另外的显示器上看到 HTML 效果的改动。

安装

前置条件

BrowserSync 是基于 Node.js 的。是一个 Node 模块。因此安装之前先安装一下 Node.js

安装 BrowserSync

使用命令安装,若报错,前面加 sudo

npm install -g browser-sync

使用

cd 到项目文件夹,使用下列命令,监听所有文件即可

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

之后会弹出 HTML 页面,或者通过 http://localhost:3000/ 进行访问。

相关网站与文档

http://www.browsersync.cn/

原文地址:https://www.cnblogs.com/evenyao/p/9574063.html