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~~~


    欢迎加入开源技术 Q 群 242561391 B3log,加入黑客派,让学习和分享成为一种习惯!
    validate