[LESS] 在windows下編譯*.less
這篇不介紹 LESS 是甚麼,只記錄一下怎麼準備在 windows 下用 command-line 編譯 *.less 的環境.
- 安裝 node.js
直接從 node.js 網站下載msi安裝檔後執行安裝即可. - 透過 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了 - 使用 lessc 編譯*.less
在node.js command prompt的視窗下先切換到你要編譯的 *.less 檔案目錄下,
然後執行下面指令
lessc filename.less > filename.css
執行完後,指定的css檔就會產生在所在的目錄下