忙裡偷閒的部落格

最近專案以Bootstrap作為前端UI Framework，興起了學習Less的念頭，其實是怕老闆對VIEW有各種不同的想法，改bootstrap.css又很麻煩，不如透過less的修改，再編譯出css檔。

第一步當然是把編譯less的環境給建構出來，在此做個筆記，以免日後又忘了如何安裝~"~

1.下載並安裝Cygwin 。Cygwin簡單的說就是可以在windows下模擬操作unix系統。安裝Cygwin的同時，會一併將node.js安裝進去。由於我們需要靠npm(Node Package Manager)這個node.js的套件管理工具來安裝lessc，所以所以node.js是必要安裝項目。

2.開啟Cygwin命令視窗，輸入npm install -g less，就會開始安裝lessc:

3.把bootstrap.less拷貝到cygwin的安裝路徑下，如

C:\cygwin\home\使用者名稱\less <===less資料夾自己加，bootstrap.less擺進來。

4.在cygwin的命令視窗下輸入 lessc less/bootstrap.less就能產生css語法了。也可以輸入 lessc less/bootstrap.less > bootstrap.css直接產生檔案。

檔案位置會在這層C:\cygwin\home\使用者名稱\