🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

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


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

留下你的脚步