browsersync 插件

Posted evenyao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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/

以上是关于browsersync 插件的主要内容,如果未能解决你的问题,请参考以下文章

前端写代码自动刷新神器Browsersync

VIM 代码片段插件 ultisnips 使用教程

WordPress - 代码片段插件

Browsersync 简介 and 使用

gulp+browserSync自动刷新页面

浏览器同步测试神器 — BrowserSync