install less

Less 是一套可以讓寫css更方便、更簡單、易處理的套件,它有VariablesMixinsNested RulesFunctions & 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,真不錯用。

參考資料

Related Posts with Thumbnails

相關文章

8 thoughts on “install less

  1. 请教个在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

  2. Pingback: less 基本介紹 | 遨遊飛翔

  3. Pingback: less 規劃使用配置 | 遨遊飛翔

發表迴響

您的電子郵件位址並不會被公開。 必要欄位標記為 *

*

您可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>