美文网首页
browsersync使用方法 2018-07-19

browsersync使用方法 2018-07-19

作者: TTTXTTT | 来源:发表于2018-07-19 16:42 被阅读0次

工具: 浏览器同步测试工具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"

相关文章

网友评论

      本文标题:browsersync使用方法 2018-07-19

      本文链接:https://www.haomeiwen.com/subject/xvbtmftx.html