sublime text3 配置less編譯環境
阿新 • • 發佈:2019-05-06
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編譯環境