1. 程式人生 > >Sublime Text3 支援Less

Sublime Text3 支援Less

今天安排任務,專案中要用less來寫樣式,所以,就要安裝一下less.網上找了很久,按照他們說的做,中間也遇到了一些問題。把我的過程記錄下來:
1、安裝Sublime 外掛
(1)安裝LESS外掛:因為Sublime不支援Less語法高亮,所以,先安裝這個外掛,方法: ctrl+shift+p>install Package>輸入less按Enter
(2)安裝LESS2CSS外掛:這個外掛的作用是

  1. 當儲存less檔案的時候自動生成同名的css檔案;
  2. 當儲存less檔案的時候提示編譯錯誤資訊;
  3. 批量編譯專案目錄下的所有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,就搞定啦!