1. 程式人生 > >sublime text3 配置less編譯環境

sublime text3 配置less編譯環境

control 版本 package tex -- 增加 nodejs all win

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文件在相同路徑下。

sublime text3 配置less編譯環境