BrowserSync安装时首先需要安装Node.js,所以我们需要先下载node.js才可以安装BrowserSync。
1、下载Node.js,Node.js的官方网站为:https://nodejs.org/zh-cn/,由于最新版本不支持win7系统,所以只能下载node-v10.23.0版本,下载链接地址:
https://nodejs.org/dist/latest-v10.x/node-v10.23.0-x64.msi
2、下载完成后,直接点击安装;
直接下一步下一步即可。
3、安装完成后,可以使用cmd命令行查看安装node版本号
v10.23.0
安装的node的v10.23.0。
4、安装BrowserSync。
BrowserSync的官方网站为http://www.browsersync.cn/
安装步骤:在cmd命令窗口安装命令
npm install -g browser-sync
等着安装完成即可;
5、使用命令启动BrowserSync,必须在文件的当前目录下执行,否则不生效,具体可以查看文档:http://www.browsersync.cn/#install
// --files 路径是相对于运行该命令的项目(目录)
browser-sync start --server --files "css/*.css, *.html"
// 如果你的文件层级比较深,您可以考虑使用 **(表示任意目录)匹配,任意目录下任意.css 或 .html文件。
browser-sync start --server --files "**/*.css, **/*.html"