记得在学习Nodejs的时候，有一个很好的Node模块吸引了我。它可以监控我修改的某个css、js或者目录的变化，然后我们可以通过浏览器查看监控到的。服务中文件的更改！下面我简单介绍一下。当然我们也可以直接去官网找对应的文档。官网也解释的很详细官网地址：browsersync以下是我使用Browsersync的一个过程。我希望它对新手有用。首先，BrowserSync是基于Node.js的，它是一个Node模块。如果想快速使用，可能需要先安装Node.js，在npm库中安装BrowserSync：全局安装//Mac下全局安装，请在命令browser-sync前加上sudonpminstall-g当然，你也可以将它与gulpjs或gruntjs构建工具结合使用。在需要构建的项目中运行如下命令：npminstall--save-devbrowser-sync启动browsersync也很简单。比如我们要使用这个vue项目检测文件中的index.html和index.js，监控命令如下：监控文件index.html和index.js文件的变化browser-syncstart--server-no-notify--file='index.html,index.htmlbrowser-syncstart--server--files'**/*.css,**/*.html'当然我们也可以打开代理我们自己的项目监控php等项目：在本地创建一个PHP服务器环境，通过绑定Browsersync.cn访问本地服务器，使用如下命令，Browsersync会提供一个新的地址localhost:3000来访问Browsersync.cn，并且监控其css目录下的所有css文件。browser-syncstart--poerxy'www.fanxiao2.net''**/.'本文转载至范君博客
