browsersync中文版 v1.0官方版 附安装教程

browsersync中文版是一款实用的浏览器同步测试工具，可以让浏览器快速响应您的文件更改快速刷新页面，还可以在PC、平板、手机等设备上进行调试。可以插入到您的工作流程中，简化操作流程，大大提高工作效率。需要的朋友可以下载！

基本介绍

Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师，使用它将提高您30%的工作效率。

browsersync使用教程

browsersync安装教程

1、首先，你要在自己的电脑上保证有node.js环境，然后我们使用终端用node.js的包管理器npm来进行接下来的事情;

2、执行npm install -g browser-sync;

3、接着执行browser-sync 这一步我出现了很大的问题，因为电脑上没有安装x-code工具，但我们这里先执行一下： sudo npm install npm -g，来保障我们安装的node版本是最新的，然后检查一下自己的版本，执行命令为 npm -v,node -v;

4、接下来我们就正式开始项目的创建了，现在桌面上创建一个文件夹：执行

mkdir liuhuan-browsersync(这里是文件名);

5、执行cd liuhuan-browsersync;进入文件夹里

6、执行npm init;这里是创建版本库信息，一路回车即可;

7、执行npm install browser-sync —save-dev;这一步是在文件夹里面安装browser-sync，对的，需要在node里安装一次，文件夹里安装一次;

8、执行 ls; 查看是否有node_modules这一项;

9、执行 ls node_modules,查看是否有browser-sync这一文件夹;有则成功

在项目中使用：

将写好的项目文件夹直接复制到liuhuan-browsersync文件夹下或者直接在liuhuan-browsersync文件夹中创建一个 新的项目文件夹,

然后打开终端cd 文件夹名这里是 cd desktop/liuhuan-browsersync,

然后执行

browser-sync start —server web-app(项目文件夹名) —files “web-app/*"

browsersync中文版特色

简化操作流程

每个网页在不同设备的浏览器里，测试时间呈指数级增长，无论是PC还是移动端。曾经我们每改一次的代码，都需要手动去刷新一次页面，查看我们的改动是否正确;现在，BrowserSync减少了重复的手工任务，这一切都交给BrowserSync去完成，我们只需专注在业务的逻辑里去。

工作中您需要它

BrowserSync是建立在网络技术上的，您可以轻松安装在OS X，Windows或Linux上，然后在不同的设备及浏览器里进行调试。就连UI都可以运行在浏览器 - 尝试在另一台设备上创建第二页面来控制您的BrowserSync。

插入到您的工作流程

通过可视化的操作方式或命令行来创建个性化的测试环境，多设备共同响应。BrowserSync很容易与您的网络平台集成，构建工具和其他Node项目中，例如gulp、grunt。

软件特点

交互同步

您的滚动，点击，刷新等操作可以在不同浏览器之间同步更新。

文件同步

当您改变HTML，CSS，图像和其他项目文件浏览器会自动更新。

URL历史

记录您的测试网址，您只需点击一次，就可以在不同设备里访问。

同步定制

切换各个同步设置创建您的首选测试环境。

远程督察

远程调整和正在对连接的设备运行调试网页。

URL通道

创建一个安全的公共URL分享您的本地站点，任何设备都可以访问它，并可以响应您的任何改动。

UI或命令行控制

使用可视化页面来进行相关设置，也可以使用命令行来完成。浏览器支持

支持PC，平板电脑和手机之间的即时同步。各种文件及时响应，堪称完美。

构建工具兼容

可轻松与grunt、gulp等工具配合使用，或包含在其它node项目里。

服务于任何本地站点

可以在PHP，ASP，Rails和更多网站运行使用。也可以创建静态环境。

安装并运行在任何地方

基于Node.js并支持Windows，MacOS和Linux操作系统，设置只需要5分钟。

空闲运行并再利用

浏览器同步是一个开源项目，可根据Apache2.0许可使用或更改。

小编为大家提供的是browsersync官方地址，请点击官方下载！