我可以在沒有編譯的情況下在我自己的文本編輯器中使用Less嗎？

Question

我想開始使用較少，而不是從頭開始編寫CSS，但有可能以這樣的方式，所有下面的事情是真實的使用減：

• 我可以把自己的文本編輯器中少寫（TextMate）
• 我不必在每次編輯後手動編譯CSS，但可以保存Less文件
• 我的CSS不依賴於JavaScript（至少不是在生產中）。

我試過谷歌這些問題的答案，但我無法弄清楚一個明確的答案。謝謝你的幫助。

Answer 1

使用LESS CSS時，您仍然必須從頭開始編寫CSS樣式。除非你有，並使用自己的CSS框架。如果你使用或者擁有這些，你可能只需要定義你的VARIABLE和MIXINS以及你的其他自定義樣式。

這樣的LESS CSS框架包含Twitter Bootstrap。當您在字體端開發中使用它時，您沒有從頭開始編寫CSS，您只需添加/調整自己的自定義設置。

您可以使用編輯器（TextMate）編寫LESS。
由於LESS文件也是擴展名爲LESS（style.less）的CSS文件。只有您的瀏覽器不能在客戶端不使用LESS的情況下解析LESS文件（通過鏈接到文檔頭中的less.js文件）。如果您簽出this page，您可以看到TexTMate被列爲支持LESS的其中一個編輯器（它具有語法高亮顯示）。

您不必手動將LESS編譯爲CSS文件。

將LESS文件編譯爲CSS文件時，您具有命令行編譯器和GUI compilers。使用命令行編譯器時，當然必須使用終端命令編譯（$ lessc style.less style.css）。當您選擇使用命令行選項時，您必須安裝NPM和Node.js。在安裝Node.js之前，首先安裝NPM，因爲NPM將允許您安裝Node。

如果使用LESS，您將不會依賴JavaScript進行生產，因爲您在開發期間只使用LESS。當您在Client Side（瀏覽器端）選擇使用LESS時，您將使用JavaScript（less.js）。

這裏有一些鏈接，這將使更多信息有關LESS用法http://lesscss.org/#synopsis：

• This

• This

• This
  

LESS CSS是CSS鐠處理器就像薩斯

一些不太例子
使用變量：在開發過程中使用變量，使您的工作流程速度更快。改變顏色只是使用變量輕而易舉。

@black:     #000; 
@grayDarker:   #222; 

body { 
    color: @grayDarker; 
    background: @black; 
} 

閱讀從給定的鏈接更多的例子。

Answer 2

簡短實用的答案

有幾個工具，有幫你每次保存你的LESS文件編譯少進CSS的飛行。大多數工具做的不僅僅是編譯LESS等等，還配備了 「現場重裝」 的功能，編譯CoffeeScript的，車把，SCSS，運行的JSLint，結合JS等

LESS編譯工具的選擇：

• http://gruntjs.com/ <開源，COMAND線路接口
• http://koala-app.com/ < GUI，跨平臺，免費
• http://crunchapp.net/ < GUI，跨平臺，免費，基於AI [R
• http://wearekiss.com/simpless < GUI，跨平臺，免費
• http://alphapixels.com/prepros/ < GUI，窗，免費增值
• http://incident57.com/less/ < GUI，蘋果，簡單的小工具，免費
• http://incident57.com/codekit/ < GUI，蘋果，商業，強大
• https://github.com/Mte90/Plessc <圖形用戶界面，Linux，免費

請考慮項目大小。如果你單獨工作，大多數工具工作得非常好，但對於團隊工作，你需要某種配置標準（配置文件）。