sublime中如何用less實現css預編譯

2021-07-31 14:40:41 字數 718 閱讀 8965

實現css預編譯的方式有很多,聽說glup很流行而且功能也很強大,但是就目前的工作而言,僅要css預編譯和yuicompress就夠了,接下來切入正題

less 是一門 css 預處理語言,它擴充套件了 css 語言,增加了變數、mixin、函式等特性,使 css 更易維護和擴充套件。

less 可以執行在 node 或瀏覽器端。

1、安裝less外掛程式

ctrl+shift+p ->  install package  -> less  即可安裝

功能:less高亮外掛程式

簡介:用less的同學都知道,sublime沒有支援less的語法高亮,所以這個外掛程式可以幫上我們

使用:開啟.less檔案或者設定為less格式

2、安裝less2css外掛程式

ctrl+shift+p ->  install package  -> less2css  即可安裝

功能:當儲存less檔案的時候自動生成同名的css檔案;

當儲存less檔案的時候提示編譯錯誤資訊;

批量編譯專案目錄下的所有less檔案為css檔案。

具體功能設定可以修改該外掛程式的setting-user引數,記住是先將setting-default裡的引數複製到setting-user中在修改

使用:ctrl+s即可將編寫的less檔案自動編譯為css檔案。

工具再強大,也得精通其語法才行啊。

語法教程參見less

出處:

sublime中如何用less實現css預編譯

實現css預編譯的方式有很多,聽說glup很流行而且功能也很強大,但是就目前的工作而言,僅要css預編譯和yuicompress就夠了,接下來切入正題 less 是一門 css 預處理語言,它擴充套件了 css 語言,增加了變數 mixin 函式等特性,使 css 更易維護和擴充套件。less 可以...

如何用sublime 搭建c 工程編譯環境

在ubuntu上使用sublime搭建c 工程編譯環境,ubuntu本機需要安裝c 編譯基礎環境這個不再贅述。重點介紹編寫sublime build檔案來完成c 單檔案以及整個工程的編譯環境。檔案目錄在 home user config sublime text 3 packages user下,可...

如何在sublime中除錯html檔案

一 安裝view in browser外掛程式 快捷鍵 ctrl shift p 選單欄tools command paletter 輸入 pcip選中install package並回車,輸入view in browser的外掛程式回車就安裝了 注意左下角的小文字變化,會提示安裝成功 二 設定快捷...