Sym - 源码注册

一个用 Java 实现的现代化社区平台

Pipe - 体验皮肤

小而美的开源博客平台

Solo - 源码下载

一个用 Java 实现的博客系统,为你或你的团队创建个博客吧!

Wide - 教程试用

一个基于 Web 的 Go 语言 IDE

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


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

评论
留下你的脚步