Browsersync 是一个很好用的工具，它可以实时监测文件的变动然后自动刷新浏览器，不用每次去点刷新或F5，特别在调试样式时非常有用。

browsersync中文网 http://www.browsersync.cn/

安装

首先安装node.js（直接下载后安装就行,http://nodejs.cn/download/） > 打开命令行（win+r 然后输入cmd打开命令行）> npm install -g browser-sync (通过npm安装browsersync，如果下载慢的话可以先安装cnpm，$ npm install -g cnpm --registry=https://registry.npm.taobao.org，然后通过cnpm安装 cnpm intall -g browser-sync)

使用

在项目的文件里打开命令行，安装成后就可以使用browsersync的命令，格式是browser-sync start xxx

browser-sync start --server --files "*.css"  //监听CSS文件
browser-sync start --server --files "*.css,*.js,*html" //监听其他文件直接用逗号隔开就行,更详细的命令可以到中文网看看

说个无关的

npm init -y 可以生成默认配置的package.json

{

  "name": "jquery-css3-circle-pop-menu",

  "version": "1.0.0",

  "main": "index.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1",

    "dev":"browser-sync start --server \"src\" --flies \"src\" "  //在scripts里的dev，写上运行的命令，下次就可以直接用 npm run dev 来运行，不用每次都打那么长的browser-sync

  },

  "keywords": [],

  "author": "",

  "license": "ISC",

  "description": ""

}

巴特西

Browsersync 浏览器自动刷新

Browsersync 是一个很好用的工具，它可以实时监测文件的变动然后自动刷新浏览器，不用每次去点刷新或F5，特别在调试样式时非常有用。

最新文章

热门文章