Sublime Text3 支援Less
阿新 • • 發佈:2019-02-01
今天安排任務,專案中要用less來寫樣式,所以,就要安裝一下less.網上找了很久,按照他們說的做,中間也遇到了一些問題。把我的過程記錄下來:
1、安裝Sublime 外掛
(1)安裝LESS外掛:因為Sublime不支援Less語法高亮,所以,先安裝這個外掛,方法: ctrl+shift+p>install Package>輸入less按Enter
(2)安裝LESS2CSS外掛:這個外掛的作用是
- 當儲存less檔案的時候自動生成同名的css檔案;
- 當儲存less檔案的時候提示編譯錯誤資訊;
批量編譯專案目錄下的所有less檔案為css檔案。
安裝方法:ctrl+shift+p>install Package>輸入less2css按Enter
但是讓sublime支援less,不僅僅是裝個sublime外掛就完事了啊。還需要下面的步驟
2、安裝node.js
首先先配置一下環境,less需要nodejs支援,所以我們先要安裝一下nodejs。到nodejs官網下載就可以了:https://nodejs.org/en/
3、安裝less
cmd 下:
npm install -g less
之後在 Sublim 裡面建less檔案時,會有一個錯誤
LESS: Unable to interpret argument clean-css
這是因為還需要一個外掛
less-plugin-clean-css外掛的安裝
npm install less-plugin-clean-css
接著重啟一下sublime,就搞定啦!