Less 是一套可以讓寫css更方便、更簡單、易處理的套件,它有Variables、Mixins、Nested Rules、Functions & Operations 這些基本好用功能,可以讓開發者在寫css更清楚方便。
安裝npm
可參考 http://blog.shian.tw/node-js-forever.html
安裝node.js
可參考 http://blog.shian.tw/centos-install-node-js.html
安裝less
1 2 | cd /usr/local/lib npm install less |
安裝成功訊息
1 | less@1.1.4 ./node_modules/less |
連結less
1 2 | cd /usr/local/bin ln -s /usr/local/lib/node_modules/less/bin/lessc . |
使用Command-line方式編譯成css檔
1 2 | lessc xxx.less > xxx.css // 一般使用 lessc -x xxx.less > xxx.css // 進行壓縮 |
結論
之前也有在考慮使用功能好像更強的sass,不過sass得再另外安裝ruby,因為之前已經安裝過node及npm了,所以安裝Less更簡單快速,而且Less基本功能都有符合我的需求,所以就先用看看less了。小試用了一下發覺真的很好用,感覺就像是用寫程式概念去寫css,最後還可以直接輸出壓縮過後的css,真不錯用。
请教个在node下连接less的问题:
我现在都已经安装好node.js,npm甚至less都提示安装成功了,可我却连不上lessc,这种是什么原因:
这是出现的提示:$ ln -s /usr/local/lib/node_modules/less/bi
ln: 无法创建符号链接"./lessc": File exists
你好~
你先確定 /usr/local/lib/node_modules/less/bin/lessc 是否有這隻檔案在,
cd /usr/local/bin
ln -s /usr/local/lib/node_modules/less/bin/lessc .
上面只是把 lessc這檔案 連到 /usr/local/bin下 可以快速的打 lessc指令執行
例如 lessc xxx.less > xxx.css 這樣
/usr/local/lib/node_modules/less/bin/lessc
这个我查看了,不存在,在node_modules底下之存在npm文件夹
可我在之前有通过npm去安装了less,而且也提示成功了
那應該會在你的安裝的路徑底下,
假設 我是在 /root/ 下執行 npm install less
./node_modules/less <= 成功訊息表示
/root/node_module/less <= 所以 路逕會是這個
你好。能通过IM跟你交流下吗。我对这个是新手,不太懂,我现在编译后会出现下面这种情况:
ln: 无法创建符号链接"./lessc": File exists
File exists <= 檔案已存在了
就直接用吧
Pingback: less 基本介紹 | 遨遊飛翔
Pingback: less 規劃使用配置 | 遨遊飛翔