在做网页的时候,经常刷新页面去查看修改的代码是否正常的显示出来。经常按【刷新键】好麻烦,如果改了代码后,浏览器上就能看到更新代码后的效果,那多好啊。使用grunt(温习一下怎么使用grunt) 1、在项目路径下安装gruntsudo npm install grunt --save-dev2、生成p...
分类:
其他好文 时间:
2014-09-17 14:56:02
阅读次数:
205
首先安装必备的插件:nodejs安装grunt安装grunt-contrib-watch:npm install grunt-contrib-watch —save-dev因为这是要引入livereload来监听你对文件所做的修改,所以需要一个服务器来实现浏览器与服务期间的通信,因此,可以利用a.....
分类:
其他好文 时间:
2014-08-25 11:41:04
阅读次数:
417
【前言】此处介绍的方法只是我个人的用法,相信大家有更好更简洁的方式。 上次写到利用LiveReload解放F5。而且LiveReload可以编辑sass/less/stylus。但是可惜发现LiveReload在编译的时候不能抛错,这就很麻烦了,少了个标点less编译就不过,查找起来太麻烦。 我目前...
分类:
其他好文 时间:
2014-08-13 17:40:16
阅读次数:
281
前言:搜了半天,各种推荐,什么十大工具啦、优秀工具集合啦之类的咸淡文章,就是没有一个讲怎么弄的。配合官网的article自己研究了半天总算配置好了。顺便吐槽下官网关于sass/less设置这块说的模糊不清的。写个教程给大家,相信会对新手们有帮助的。声明:本文不涉及Grunt。开发环境:windows...
分类:
其他好文 时间:
2014-08-10 12:45:10
阅读次数:
417
Livereload可理解为即时刷新,在前端开发中,开发者在编写或调试html/js/css代码后需要从编辑器切换到浏览器,再刷新浏览器才能看到页面变化,这种十分频繁的操作在一定程度上影响了工作效率,而Liverelod可以帮助我们ad解决了这个问题。
实现livereload有多种方式,可以借助Livereload软件加浏览器插件实现,也可以借助nodejs,通过gulp或者grunt这些...
分类:
其他好文 时间:
2014-07-27 23:44:50
阅读次数:
374