less自動編譯成css的方法

項目github地址:https://github.com/aoping/les...css

方法一:
使用koala,這個軟件能夠實時把less編譯成css,咱們只須要安裝軟件,簡單配置就能夠了。html

方法二:
使用sublime text的less2css插件
步驟:
1.須要安裝node.js,這個到官網下載便可
2.需安裝less,方法:命令行輸入 npm install less -g
3.sublime安裝less2css,方法:node

ctrl+shift+p>install Package>輸入less2css按Entergit

4.配置less2cssgithub

Preferences → Package Settings → Less2Css → Settings-Defaultnpm

clipboard.png

5.執行
編寫好less文件後 按下ctrl+s 就會在當前目錄下生成同名的css文件app

6.常見問題less

clipboard.png
這是由於你沒有安裝less,解決方案:npm install less -gkoa

clipboard.png
這個須要修改less2css配置文件,方法:spa

Preferences → Package Settings → Less2Css → Settings-User

加入如下代碼

{
    "minify":false
}
相關文章
相關標籤/搜索