sublime text3 配置less編譯環境


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。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM