2012-07-20

[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檔就會產生在所在的目錄下

沒有留言:

在Hyper-V上跑ubuntu 22.04 Desktop, 裝完後一登入就凍住

如果你也遇到這情況, 你可以執行以下步驟 按 Ctrl+Alt+F3 進入 virtual console. (按Ctrl+Alt+F1 可以再回到GUI) 登入後執行下面指令 (更新kernel) * sudo add-apt-repository ppa:capp...