browsersync安装与使用

browsersync（浏览器同步测试工具）深受广大编程爱好者的喜爱。

下面说说安装和使用方法：

第一步：安装node.js。

             官方网站：https://nodejs.org/en/，一般点击第一个下载按钮，这个是稳定版。

              安装后需要看一下是否已经安装成功：按键盘win+R，输入cmd，回车，输入 node -v

第二步：安装browsersync（浏览器同步测试工具）。

             win+r，输入cmd，回车，然后复制这条命令：

1 npm install -g browser-sync

  回车，等待安装完毕。

第三步：创建一个项目，进入到该项目的具体路径，按住shift，在空白地方点右键，选择在此处打开命令窗口，执行下面命令：

例如：如果在d盘目录下有个html文件夹，里面有个文件是index.html（这个文件就是要调试的文件），那么"文件路径"就是"d:/html"

1         // --files 路径是相对于运行该命令的项目（目录）
2        browser-sync start --server "d:/html" --files "css/*.css"

  注意：上面的css是要监测的文件类型，如果想增加检测html文件，则可以按照下面命令执行

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

注意：在win10系统里必须按照上面的语句执行才能生效，否则http://localhost:3000/会提示：Cannot GET /

在win7系统里，可以不用写具体路径，比如：

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

 

转载于:https://www.cnblogs.com/puzhang/p/8953553.html