40wp

40WP
年岁四十,十分油腻
  1. 首页
  2. 前端
  3. 正文

browsersync超爽的自动刷新工具

2016年9月18日 2218点热度 0人点赞 0条评论

省时的浏览器同步测试工具

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

1.安装Node.js

到Nodejs官方下载
下载完成后安装
20160908125348
安装完成
20160908125827
安装 BrowserSync
您可以选择从Node.js的包管理(NPM)库中 安装BrowserSync。打开一个终端窗口,运行以下命令:
[php]
npm install -g browser-sync
[/php]
%e6%88%aa%e5%9b%be20160908130206
安装成功后 启动
[php]
browser-sync start --server --files "**/*.css,**/*.html,**/*.js"
[/php]
20160918123727
再看看浏览器
20160918123916
看看动态展示
one
[php]
// --files 路径是相对于运行该命令的项目(目录)
browser-sync start --server --files "css/*.css, *.html"
// 如果你的文件层级比较深,您可以考虑使用 **(表示任意目录)匹配,任意目录下任意.css 或 .html文件。
browser-sync start --server --files "**/*.css, **/*.html"
// 监听css文件
browser-sync start --server --files "css/*.css"
// 监听css和html文件
browser-sync start --server --files "css/*.css, *.html"
// 主机名可以是ip或域名
browser-sync start --proxy "主机名" "css/*.css"
browser-sync start --proxy "Browsersync.cn" "css/*.css"
[/php]

标签: browsersync 刷新 同步 浏览器同步
最后更新:2016年9月18日

外卖骑手

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

取消回复

外卖骑手

这个人很懒,什么都没留下

标签聚合
安装 报错 数据导入 奇技淫巧 同步 wordpress 漏洞 mysql
最新 热点 随机
最新 热点 随机
批量删除新浪微博 如何获取一个免费的美国手机号码 上次错过了腾讯云,这次您可别错过阿里云 ¥279/3年云服务器抢购! ThinkPHP缓存函数设计缺陷导致Getshell漏洞 关闭Windows电脑445端口的方法 简单粗暴克制“勒索病毒” wordpress Mail sitename字段处理不当导致多处远程代码执行漏洞 WordPress 未授权远程代码执行漏洞
快速搭建LAMP(linux+apache+mysql+php)最简洁步奏 Mysql中获取字符串长度 如何获取一个免费的美国手机号码 ThinkPHP缓存函数设计缺陷导致Getshell漏洞 上次错过了腾讯云,这次您可别错过阿里云 ¥279/3年云服务器抢购! 瀑布流快速构建 Masonry

COPYRIGHT © 2021 40wp.com. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

蜀ICP备15027848号-5