码迷,mamicode.com
首页 > 其他好文 > 详细

Browsersync 浏览器自动刷新

时间:2018-01-22 17:26:40      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:--   load   word   nodejs   blank   直接   error   目的   www.   

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 浏览器自动刷新

标签:--   load   word   nodejs   blank   直接   error   目的   www.   

原文地址:https://www.cnblogs.com/haqiao/p/8329550.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!