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": "" }