1. 首頁
  2. 問答
  3. Intellij IDEA 11：如何從.less編譯.css？

Intellij IDEA 11：如何從.less編譯.css？

2012-01-13 187 views

回答

14

我寫了一個LESS Compiler plugin，它會在LESS文件更改時自動編譯LESS文件。

可以配置多個LESS目錄每個項目看，每個輸出將被複制到一個或多個輸出的CSS目錄，指定：

LESS Compiler project settings window

您可以包含/排除特定文件通過使用設置對話框中的路徑模式。

它還會檢測您何時移動，複製或刪除觀看的LESS文件，並提供對相應的CSS文件執行相同的操作。

該插件是開源的，所以如果你喜歡，你可以view and fork the source code on GitHub。

來源

2012-11-02 12:31:26

+0

謝謝！工作得很好。沒有看到所有文件的選項，但只編譯一些，但這是一個好的開始。 – 2012-12-06 21:40:14

+1

自從我發佈屏幕截圖以來，該功能已被添加:-)您可以通過在LESS編譯器設置中指定一個或多個路徑模式來包含和/或排除特定文件。監視目錄中的所有LESS文件都受到監視，但只有與您指定的模式相匹配的文件纔會被編譯。這樣，您可以對其他包含文件（即其依賴項）「@import」的排除文件進行更改，並且只有包含的文件纔會被重新編譯。 – 2012-12-07 16:30:18

+0

感謝澄清。不知道。 但是，仍然有一個問題。項目結構具有要在單獨的目錄中編譯的文件。所以它是： less \包括\ main和less \ config。 當我要求它只編譯僅在main中的文件時，它會這樣做，但在輸出位置創建一個「main」的子目錄 – 2012-12-07 18:25:09

3

我知道這個問題是針對IntelliJ IDEA 11的，但是如果你發現這個網頁，即使你正在尋找v12，也有比LESS編譯器插件更好的選項（這是一個很棒的插件 - 非常感謝它，安迪！）。

這是一個名爲File Watchers的插件，由JetBrains團隊製作。它捆綁了WebStorm 6和PhpStorm 6，但您必須下載並安裝其他JetBrians IDE。步驟：

設置 - >插件 - >瀏覽庫（底部按鈕） - >搜索 「文件觀察家」 - >選擇文件看守 - >點擊下載圖標，頂部 - >關閉 - >確定

有關JetBrains blog的更多信息。

來源

2013-04-10 06:06:10

13

使用的文件觀察家IDEA 12編譯LESS：

從IDEA內安裝文件看守擴展。轉至設置> IDE設置>插件。

接下來需要一個代碼轉換器，其被包括在LESS包的node.js

從http://nodejs.org/

安裝的node.js在命令行鍵入NPM安裝-g少於來安裝LESS軟件包。

然後您可以在設置>項目設置>文件觀察器下創建一個觀察器。選擇LESS模板，它會自動找到您的代碼轉換器。

來源

2013-05-27 05:31:39 SharkAlley

0

您可以設置以下參數文件守望者：

名稱：LESS

說明：編譯.LESS文件到.css文件

文件類型：LESS文件

範圍：工程文件

程序：C：\ Users \ Owner \ AppData \ Roaming \ npm \ lessc。在cmd

參數：--no色$ FILEDIR $ \ $文件名$

工作目錄：工作目錄

輸出路徑刷新：$ FILEDIR $ \ $ FileNameWithoutExtension $的.css

來源

2016-09-21 17:49:16 EpicPandaForce

相關問題

 相關問題