less 环境搭建

其实只是为了想要达到合并 CSS,弄几个颜色、字体的变量罢了,mergeCSS 感觉有点那个什么的。。。


发现 bootstrap 用的工具都很不错,以后可以参考下。


recess
recess 是 Twitter 的 Jacob Thornton 开发的一个工具,目的是处理 CSS,建立在 LESS 的基础上。
jshint
jshint 类似jslint,是一个 JavaScript 代码检测工具(也就是 JavaScript 的 lint)。
uglify-js
uglify-js 是一个 JavaScript 分析/压缩/美化工具(uglify 的意思是丑化,有点讽刺阿)。

 


于是乎就选择了 less,觉得客服端不太好,还是使用服务器端解析好点。当然,你就必须要安装环境了


windows 安装
1. 安装 node.js(要下载稳定版)
http://www.nodejs.org/


2. 安装 less(带参数 -g)
npm install -g less@latest


3. 运行
lessc –compress all.less > all.min.css
lessc all.less > all.css


问题:
CSS 中用 unicode 时总是报错,要加引号



写了个批处理,总是有问题,还请高手指点


set csspath=C:\Work\YXProject\css\yx\
lessc –compress %csspath%all.less > %csspath%all.min.css
lessc %csspath%all.less > %csspath%all.css
lessc –compress vie.less > %csspath%ie.min.css
lessc %csspath%ie.less > %csspath%ie.css


http://t.qq.com/p/t/147014016941511
后来发现,不知咋地,只要以管理员身份运行就 ok 了 ^^



Linux 安装


$ wget http://nodejs.org/dist/v0.6.18/node-v0.6.18.tar.gz
(开发版有问题)
$ ./configure –prefix=/opt/node
$ make
$ make install
$ ln -s /opt/node/bin/node /usr/bin/node
$ ln -s /opt/node/lib/node_modules/npm/bin/npm-cli.js /usr/bin/npm
(路径没有使用默认的,链接库)
$ npm install -g less@latest
……



以后可以用下其它的 recess,jshint,uglify-js,HOHO~~~