浏览器实时刷新工具BrowserSync的安装与配置

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"

 

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:番茄网 » 浏览器实时刷新工具BrowserSync的安装与配置

分享到: 生成海报

评论 抢沙发

  • QQ号
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

像番茄一样 表里如一

表里如一表里如一
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活