Tagged

LESS

A collection of 4 posts

LESS

LESS/Sass/CoffeeScript编译工具推荐 - Koala

越来越多的同学开始使用less/sass等预处理器的方式来编写CSS与JavaScript,很大程度上提高了工作效果,但编译文件是个繁琐的事情,使用命令行的方式操作起来很累,目前也已经有一些图形工具,比如mac下的codekit, windows下有winLess、simpless等。Codekit是一个很棒的工具,它是一个商业的软件且只有Mac版本。而windows下现有的工具都比较简陋,无法满足我们日常开发需求。 今天向大家推荐一个新工具Koala,功能齐全,跨平台运行,同时还是一个开源软件。 Koala是什么? koala是一个前端预处理器语言图形编译工具,目前已支持Less、Sass、Compass、CoffeeScript。 下载地址:http://koala-app.com/index-zh.html 功能特性: 多语言支持:支持less、sass、coffeescript、compass framework; 实时编译:监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作; 编译选项:支持自定义设置各个语言的编译选项; Import文件监听:关联import文件,如import文件改变,源文件将自动进行编译。 代码压缩:less &

LESS

LESS/SASS/Stylus开发工具汇总

less、sass、stylus已经火起来了,越来越多的人开始使用这三个工具了,而且貌似使用less的人比较多一些而我们也有很多相关的开发和调试工具可以让我们的开发流程更简单快捷一些 SublimeText 相信用Sublime Text 2作为主要编辑器的前端开发同学已经很多了,Sublime Text上面的相关插件也不少,这里无需多说,Ctrl+Shift+P –> install package可以搜索到相关的插件,不过,这里也简单的汇总下: Less Sublime Less build Sublime Less2css Less snippets Sublime text haml sass SASS-Build-SublimeText2 Stylus Emmet——集成了less、sass、scss等,使用Tab或者Ctrl+E即可。 Chrome 最新版的Chrome开发者工具已经可以支持Sass了,点击开发者工具右下角的的设置按钮,切换到Experiments Tab,即可开启: 但是好期待也能够默认支持Less啊!!! 当然也有很多第三方插件可以用: SASS Inspector

css

Sublime Text 2的Less2Css插件介绍与安装

Sublime Text 2这个编辑器应该不用再介绍了,配合各种插件使用起来非常方便,今天要介绍的是一款Sublime Text 2的插件——Less2Css。这款插件的名字已经表明了它的作用——把less文件转换为css文件。 Less2Css插件特性 Less2Css插件的目前主要的功能包括: 当保存less文件的时候自动生成同名的css文件; 当保存less文件的时候提示编译错误信息; 批量编译项目目录下的所有less文件为css文件。 Less2Css未来还会增加@imports功能支持,能够同时自动编译其他引用了此less文件的文件。 安装Less2Css插件 Less2Css可以通过Sublime Text 2的包管理器(Package Control)来安装(强烈建议安装包管理器!安装方法很简单,可以参考前端观察的介绍或者官方文档)。安装完包管理器之后,需要重启Sublime Text 2。 安装Less2Css的方法如下: 按下Ctrl+Shift+P调出命令面板; 输入install调出Install Package选项并回车; 输入less2css,选中并安装。 Windows下的安装 Less2Css插件依赖lessc这个工具,在windows下可以下载或者用git cloneless.js-windows到本地目录。然后把目录地址加入到环境变量PATH的中,如D:\open\less.js-windows:

css

LESS介绍及其与Sass的差异

原文:[LESS介绍及其与Sass的差异](http://www.qianduan.net/an-introduction-to-less-and-comparison-to-sass.html) 译自:[An Introduction To LESS, And Comparison To Sass](http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/) 原作者:[Jeremy Hixon](http://coding.smashingmagazine.com/author/jeremy-hixon/) 请尊重版权,转载请注明来源,多谢! - - - - - - 自从一个月前我偶然发现[LESS](http://lesscss.org/ "LESS « The