Less 是一門 CSS 預處理語言,它擴展了 CSS 語言,增加了變量、Mixin、函數等特性,使 CSS 更易維護和擴展。
Less 可以運行在 Node 或瀏覽器端。
一、安裝 node.js
打開命令行( win+R 輸入cmd 回車)
輸入 node -v 檢查是否安裝成功。
二、安裝cnpm (此步可略過)
如果npm安裝失敗可以嘗試使用 cnpm
在命令行輸入:npm install -g cnpm --registry=https://registry.npm.taobao.org
等待安裝完成即可。
三、全局安裝 Less
(提示:如果npm安裝失敗,請嘗試使用cnpm安裝,方法與npm相同,將那npm替換為cnpm即可)
命令行輸入:npm install less -g
檢查less環境是否配置完成:
命令行輸入:lessc -v
看是否能正確打印版本號
但是sublime 是不能使用的。
四、繼續安裝
命令行輸入:npm install less-plugin-clean-css -g
安裝完成后重啟sublime。
五、安裝sublime插件 Less2Css
通過Package Control安裝sublime插件 Less2Css
當然我們順便把代碼着色插件 less 安裝上。
最后:
創建less文件,保存時會自動編譯一個同名的css文件在相同路徑下。
如果:
如果你覺得這些操作比較麻煩,這里我們有簡單的方法。
你可以下載 Koala (可以選擇中文)
它會直接將你選擇的less文件轉換為css。