Sublime Text3 自動編譯less 的配置

1 首選咱們須要安裝node.jscss

首先先配置一下環境, 
less須要nodejs支持, 
因此咱們先要安裝一下nodejs 
複製代碼

到nodejs官網下載就能夠了:下載nodejsnode

2 安裝lessgit

運行-cmd:github

輸入命令行:npm

npm install less -g
複製代碼

g 表明着全局安裝lessless

以後在 Sublime 裏面建less文件時,會有一個錯誤
LESS: Unable to interpret argument clean-cssspa

這是由於還須要一個插件less-plugin-clean-css插件的安裝,命令行爲:插件

npm install less-plugin-clean-css -g
複製代碼

3 安裝sublime的插件命令行

(1)安裝less插件:code

由於Sublime不支持Less語法高亮, 因此,先安裝這個插件

  • 方法1: (首先確保sublime上已安裝了Package Control) 按住ctrl+shift+p>install Package>輸入less按Enter
  • 方法2:直接下載後 解壓文件 放到插件文件夾下(首選項-瀏覽插件 打開文件夾) 下載地址

(2)安裝LESS2CSS插件:

less2css的讀音 其實就是less to css 這個插件的做用是 當保存less文件的時候自動生成同名的css文件; 當保存less文件的時候提示編譯錯誤信息; 批量編譯項目目錄下的全部less文件爲css文件。

安裝:

  • 方法1:ctrl+shift+p>install Package>輸入less2css按Enter
  • 方法2:直接下載 解壓文件 放到插件文件夾下
相關文章
相關標籤/搜索