BrowserSync(保存代码后,自动刷新浏览器)

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

BrowserSync(保存代码后,自动刷新浏览器)

扑街陈   2020-03-17 我要评论
# 摘要 Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、ipad、iphone、android等设备,同时打开了您需要调试的页面,当您使用browsersync后,您的任何一次代码保存,以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师,使用它将提高您30%的工作效率。 # 安装环境 - Windows系统 # 下载与安装 ## 下载安装 [Node.js](https://nodejs.org/zh-cn/) > **`因为BrowserSync是基于Node.js的, 是一个Node模块,所以使用之前需要安装Node.js`** > 点击下载 [Node.js](https://nodejs.org/zh-cn/?_blank) > 安装Node.js就像安装普通软件一样,此处省略安装流程 ## 检查Node.js是否安装成功 (Windows使用CMD)输入命令行: `node -v` [用于查看Node.js是否安装成功,显示Node.js版本号,则表示安装成功。如图下所示: ```cmd $ node -v v10.16.0 ``` ## 安装 [**BrowserSync**](http://browsersync.cn/#install?_blank) 从Node.js的包管理(NPM[全称:Node.js Package Manager])库中安装BrowserSync 打开终端,输入以下命令行 ```cmd npm install -g browser-sync ``` # 常见问题 ### **错误:** **`....Unsupported platform for fsevents......`** > **原因:** > fsevent是在macOS下的依赖包,因为当前系统是Windows,因此只报warning信息[资料源自:http://www.caotama.com/90906.html] > **解决方法:** > Windows系统忽视该错误,即可。 # 参考 [1] http://www.caotama.com/90906.html [2] http://browsersync.cn/

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们