Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。
更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。
您可以想象一下:“假设您的桌子上有pc、ipad、iphone、android等设备,同时打开了您需要调试的页面,当您使用browsersync后,您的任何一次代码保存,以上的设备都会同时显示您的改动”。
无论您是前端还是后端工程师,使用它将提高您30%的工作效率。
安装
安装nodejs
安装browsersync
|
|
启动 BrowserSync
静态网站
如果您想要监听.css文件, 您需要使用服务器模式。 BrowserSync 将启动一个小型服务器,并提供一个URL来查看您的网站。1browser-sync start --server --files "css/*.css"
--files
路径是相对于运行该命令的项目(目录)
如果您需要监听多个类型的文件,您只需要用逗号隔开。例如我们再加入一个.html文件
|
|
动态网站
如果您已经有其他本地服务器环境PHP或类似的,您需要使用代理模式。 BrowserSync将通过代理URL(localhost:3000)来查看您的网站。
|
|