[LESS] 在windows下編譯*.less

[LESS] 在windows下編譯*.less

這篇不介紹 LESS 是甚麼,只記錄一下怎麼準備在 windows 下用 command-line 編譯 *.less 的環境.

 

  1. 安裝 node.js
    直接從 node.js 網站下載msi安裝檔後執行安裝即可.
  2. 透過 npm 安裝 less
    npm是node.js的package manaer,安裝完 node.js 後就會這程式可以用.
    所以只要透過npm安裝less這個package就可以了.
    首先執行node.js command prompt,在開啟的command視窗下執行

    npm install less -g

    LESS官方網站上說明是是直接使用 npm install less,不過為了方便使用lessc,
    所以建議加上-g, 將它安裝成global package
    執行完指令後,就等它跑完就可以使用lessc了
  3. 使用 lessc 編譯*.less
    在node.js command prompt的視窗下先切換到你要編譯的 *.less 檔案目錄下,
    然後執行下面指令

    lessc filename.less > filename.css

    執行完後,指定的css檔就會產生在所在的目錄下