CSS“反转”为LESS

LESS（官网在此：http://lesscss.net/）的魅力相信你们都已明了，我的认为它最大的魅力在于可以清晰的展示嵌套关系。

针对现有的项目，它的应用难点主要在于——

• 什么时候转换为css，便是否利于开发调试、是否利于一键部署

• 现有项目是基于css的，如何很好的将css转换成less，进而之后维护less便可

第一个问题，咱们借助winLess这样的转换工具便可（http://winless.org/），固然这样的工具还有其余不少（如koala，它还支持compass、coffeescript、sass的转换，官网在此koala），你们本身挑选喜欢的便可。

这里主要来解决第二个问题，咱们知道了less的优点，想要完美的将css转换为less，达到过渡使用less进行编码的效果。

css2less使用

先来尝尝鲜，访问线上css2less转换工具网址：http://css2less.cc/——

下面，咱们来搭建本地环境（等同于远程linux的css2less环境的搭建）的css2less。因为这个库是基于ruby去作的，所以，咱们先安装ruby。其下载地址：https://www.ruby-lang.org/en/downloads/，安装完以后，配置环境变量

个人电脑->属性->高级->环境变量，新建RUBY_HOME，值为D:[Ruby Root]\ruby，而后在Path变量值最后追加;%RUBY_HOME%\bin，保存便可。

键入ruby -v，呈现——

键入gem -v，呈现——

Gem是一个管理Ruby库和程序的标准包，它经过Ruby Gem（如http://rubygems.org/）源来查找、安装、升级和卸载软件包，很是的便捷。 Ruby1.9.2版本默认已安装Ruby Gem，若是你使用其它发行版本，请参考“如何安装RubyGem”

接下来，即是安装css2less了，运行——gem install css2less

全部的gem包，会被安装到/[Ruby root]/lib/ruby/gems/[ver]/目录下，这其中包括了Cache、doc、gems、specifications 4个目录，cache下放置下载的原生gem包，gems下则放置的是解压过的gem包。

OK，咱们安装完了css2less了，立刻就能够用它了。它的命令模板——

css2less src_file.css > desc_file.less

看到的效果——

总结

介绍完毕css2less的使用了，惋惜的一点，它并不支持批量转换（和图片压缩工具jpegtran同样，仅仅支持单文件的处理）。

最后，链入css2less的github地址——https://github.com/thomaspierson/libcss2less

https://github.com/nicooprat/Css2Less这个里面同时也介绍了 Css2Sass, Js2Coffee和Html2Haml，相信想用的人必然会对它们爱不释手的。