㈠ 如何用sublimeText3編寫less並用Nodejs自動編譯成css
1、安裝Sublime 插件
（1）安裝LESS插件：
因為Sublime不支持Less語法高亮，
所以，先安裝這個插件，
方法1： (首先確保sublime上已安裝了Package Control) 按住ctrl+shift+p>install Package>輸入less按Enter
方法2：直接下載後 解壓文件 放到插件文件夾下（首選項-瀏覽插件 打開文件夾）
下載地址：https://github.com/danro/LESS-sublime
（2）安裝LESS2CSS插件：
less2css的讀音 其實就是less to css
這個插件的作用是
當保存less文件的時候自動生成同名的css文件；
當保存less文件的時候提示編譯錯誤信息；
批量編譯項目目錄下的所有less文件為css文件。
安裝：
方法1：ctrl+shift+p>install Package>輸入less2css按Enter
方法2：直接下載：https://github.com/timdouglas/sublime-less2css
解壓文件 放到插件文件夾下
但是我們還要讓sublime支持less並自動編譯，所以還需以下步驟：
2、安裝Node.js
首先先配置一下環境，
less需要nodejs支持，
所以我們先要安裝一下nodejs
到nodejs官網下載就可以了：https://nodejs.org/en/
3、安裝less
運行-cmd：
輸入命令行：
npm install less -g
-g 代表著全局安裝less
之後在 Sublime 裡面建less文件時，會有一個錯誤
LESS: Unable to interpret argument clean-css
這是因為還需要一個插件
less-plugin-clean-css插件的安裝
命令行為：
npm install less-plugin-clean-css -g
接著重啟一下sublime，就搞定啦！
㈡ Less教程及常用的操作
Less教程及常用操作如下：
一、Less簡介
Less是一個CSS預處理器，用於提升CSS的編寫效率。與原生CSS相比，Less提供了變數、嵌套選擇器、混合、導入等高級功能，使得樣式表更加簡潔、易於維護。
二、常用操作
變數
- 定義：使用@符號定義變數，例如@mycolor: red;。
- 應用：在CSS屬性中使用定義的變數，編譯後變數會被替換為對應的值。
嵌套選擇器
- 使用：通過嵌套選擇器和連接符實現更靈活的樣式組織，例如.parent &.child { ... }編譯後為.parent .child { ... }。
- 優勢：減少代碼冗餘，提高代碼可讀性。
轉義字元
- 作用：使用轉義字元避免編譯錯誤，確保特定內容不被Less編譯器處理。
注釋
- 使用：Less支持CSS注釋，例如/* this is a comment */。
- 編譯：注釋在編譯後的CSS中被移除。
混合
- 定義：使用@mixin定義可重用的代碼塊，例如@mixin mymixin { ... }。
- 應用：在CSS規則中調用定義的混合，編譯後會輸出混合中的代碼。
導入
- 使用：通過@import語句導入其他Less文件，例如@import 'styles.less'。
- 優勢：方便管理代碼結構，實現樣式的模塊化。
三、總結
Less通過提供變數、嵌套選擇器、混合、導入等高級功能，極大地提升了CSS的編寫效率和代碼的可維護性。在現代開發中，選擇Less等預處理器是追求代碼整潔、高效開發的明智選擇。
