1.前提是安装好node.js和npm
2.输入命令安装Browsersync
1.)在cmd窗口下输入命令 npm install -g browser-sync,等待安装完毕
3.使用Browsersync监听自己想要监听的项目实现实时调试的画面
1.)监听单个静态css文件 --files 路径是相对于运行该命令的项目(目录) 命令如下
在项目文件夹中打开cmd终端输入 browser-sync start --server --files “css/.css"
2.)监听多个静态项目中的文件类型,–files 路径是相对于运行该命令的项目(目录)
在项目文件夹中打开cmd终端输入 browser-sync start --server --files "css/.css, *.html”{可在双引号内部增加更多文件类型}
3.)如果你的文件层级比较深,您可以考虑使用 (表示任意目录)匹配,任意目录下任意.css 或 .html文件。
browser-sync start --server --files "/.css, **/.html"