browsersync使用方法 2018-07-19

工具： 浏览器同步测试工具browsersync

作用：可以多屏同时滚动.方便调试

注意：依赖node.js 

简单使用：

    1.全局安装 : npm install -g browser-sync

    2.监听多个文件时运行命令：

            // --files 路径是相对于运行该命令的项目（目录） 

            browser-sync start --server --files"css/*.css, *.html"

            // 如果你的文件层级比较深，您可以考虑使用 **（表示任意目录）匹配，任意目录下任意.css 或 .html文件。 

            browser-sync start --server --files"**/*.css, **/*.html"

问题及解决办法：

    1.报错cannot get/

        在执行的命令中加上文件路径，如D盘中有HTML和CSS文件，就要执行

         browser-sync start --server "d:/html" --files "css/*.css, *.html"