( >o< )瞎!你还在用weinre?Browsersync来了!
2016-04-08 13:51
369 查看
遇见 Browsersync
所有发生了的事情皆是命运啊,曾经偷过的懒占过的便宜,呵呵,都来讨债了。以前用的gulp+weinre是ex配置的,如今各奔东西,如今重装固态硬盘,如今gulp+weinre皆成为了旧日时光里的一杯冰可乐···哦,带吸管的····
靠人人要跑,靠山山要倒,既然如此,那就自己扛起大旗,另寻他法吧吧吧······既然要重新配置,那还用啥weinre,自然用更屌的呀呀呀呀···········
哎呀,我昨天做梦据说有人说我的博文拖沓冗长废话大堆,额,你造不造,程序媛也是灰常孤独的啊啊啊················
哦,我要用Browsersync了,我要将ex留在本本里的东东都剔除了,我要成为一个没有软肋的战士!即使没有盔甲·····总之不能有软肋················不能有软肋···············不能有软肋················不能有软肋················不能有软肋················
官网在此,快去膜拜http://www.browsersync.cn/
安装
全局gulpnpm install -g gulp
全局 Browsersync
$ npm install browser-sync gulp --save-dev
配置gulpfile.js
gulp安装目录下,全局安装后,控制台会告知新建gulpfile.js
var gulp = require('gulp'); var browserSync = require('browser-sync'); gulp.task('browser-sync', function() { browserSync({ files: "**", server: { baseDir: "./" } }); }); gulp.task('default', ["browser-sync"]);
然后把项目文件也放在这个目录下,这样
启动gulp
访问演示页面
http://localhost:3000/www/index.html
现在修改文件后 ctrl+s即可多端自动刷新····
调试
访问控制台http://localhost:3001/
点击这个,在一个新的标签页访问远程调试器
熟悉的weinre
现在只是简单的用起来了,后期会继续研究gulp哒
相关文章推荐
- Sublime Text 无法使用Package Control或插件安装失败的解决方法
- Android EditText的设置
- 正念的奇迹 - 喧嚣的世界中获取安宁
- mybatis n+1问题
- js 的 call 与 apply
- tomcat 监听地址
- 【笔记】 《js权威指南》- 第16章 脚本化CSS 16.3 脚本化内联样式 - 16.4 查询计算出的样式
- HttpClient 教程 (五)
- HttpClient 教程 (四)
- BlockingQueue接口及实现类分析
- 你可能不知道的51个Linux经典命令!
- 第四次作业 结对编程-黄金点游戏
- WAY STUDIO 依路 舵机机器人 动作开发环境入门
- Nginx 301重定向的配置
- HDU - 5256 序列变换 (LIS转化)
- 【二位费用背包】HDU2159FATE
- 输入一个非负整数,返回组成它的数字之和
- HDOJ 3613 Best Reward
- HttpClient 教程 (三)
- Android Studio 2.0 正式版发布啦 (首次中文翻译)