测试browsersync安装与使用
browsersync(浏览器同步测试工具)深受广大编程爱好者的喜爱。
下面说说安装和使用方法:
第一步:安装node.js。
官方网站:https://nodejs.org/en/ ,一般点击第一个下载按钮,这个是稳定版。
安装后需要看一下是否已经安装成功:按键盘win+R,输入cmd,回车,输入 node -v
第二步:安装browsersync(浏览器同步测试工具)。
win+r,输入cmd,回车,然后复制这条命令:
npm install -g browser-sync
回车,等待安装完毕。
第三步:创建一个项目,进入到该项目的具体路径,按住shift,在空白地方点右键,选择在此处打开命令窗口,执行下面命令:
例如:如果在d盘目录下有个html文件夹,里面有个文件是index.html(这个文件就是要调试的文件),那么"文件路径"就是"d:/html"
// --files 路径是相对于运行该命令的项目(目录) browser-sync start --server "d:/html" --files "css/*.css"
注意:上面的css是要监测的文件类型,如果想增加检测html文件,则可以按照下面命令执行
browser-sync start --server "d:/html" --files "css/*.css, *.html"
注意:在win10系统里必须按照上面的语句执行才能生效,否则http://localhost:3000/会提示: Cannot GET /
在win7系统里,可以不用写具体路径,比如:
browser-sync start --server --files "css/*.css, *.html"