Intellij IDEA 11: jak mogę skompilować .css z .less?

Question

Jak mogę skompilować .css z .less w intellij? jasne, że to powinno być martwe łatwe, ale to mnie zaskoczyło. ktoś wie jak to zrobić?

Answer 1

IntelliJ IDEA polega na strukturach internetowych i zewnętrznych narzędziach do wdrażania, aby wykonać to zadanie. Istnieje feature request to perform such compilation internally, nie krępuj się głosować.

Answer 2

Napisałem LESS Compiler plugin, który automatycznie kompiluje pliki LESS do CSS, gdy tylko się zmienią.

Można skonfigurować wiele LESS katalogów oglądać na projekt, a wyjście z każdej zostaną skopiowane do jednego lub więcej wyjście CSS katalogów, które należy podać:

można włączyć/wyłączyć określone pliki za pomocą wzorców ścieżek w oknie dialogowym ustawień.

Wykryje również, kiedy przesuwasz, kopiujesz lub usuwasz obserwowany plik LESS i oferujesz wykonanie tej samej operacji na odpowiednich plikach CSS.

Wtyczka jest open source, dzięki czemu można view and fork the source code on GitHub, jeśli chcesz.

Answer 3

Wiem, że to pytanie dotyczy IntelliJ IDEA 11, ale jeśli znalazłeś tę stronę, mimo że szukasz wersji 12, istnieje opcja lepsza niż wtyczka LESS (która była świetną wtyczką - wielkie dzięki za to, Andy!).

Jest to wtyczka o nazwie File Watchers, wykonana przez zespół JetBrains. Jest dostarczany w pakiecie z WebStorm 6 i PhpStorm 6, ale musisz pobrać i zainstalować dla innych IDE JetBrians. Kroki:

Ustawienia -> Plugins -> Browse repozytoria (przycisk na dole) -> wyszukiwanie "obserwatorów Plik" -> wybierz Watchers Plik -> kliknij ikonę pobierania na szczycie -> Zamknij -> OK

Więcej informacji na temat JetBrains blog.

Answer 4

Aby korzystać Watchers plik do kompilacji mniej IDEA 12:

Install Obserwowane pliku rozszerzenie od wewnątrz IDEA. Przejdź do ustawień Ustawienia> Ustawienia IDE> Wtyczki.

Następnie trzeba transkoder, które wliczone jest w mniej pakiet dla node.js

Install node.js z http://nodejs.org/

W wierszu polecenia wpisz npm zainstalować -g mniej, aby zainstalować pakiet LESS.

Następnie można utworzyć obserwatora pod Ustawienia> Ustawienia projektu> Kontrola plików. Wybierz szablon LESS, a znajdziesz swój transkoder automatycznie.

Answer 5

Można ustawić Watcher Plik z następującymi parametrami:

Nazwisko: Mniej

Opis: kompiluje pliki .less w plikach .css

typ pliku: Mniej plików

Zakres: Pliki projektu

Program: C: \ Użytkownicy \ Właściciel \ AppData \ Roaming \ npm \ lessc. cmd

Argumenty: --no-color $ FileDir $ \ $ filename $

katalog roboczy: Twój katalog roboczy

Wyjściowe ścieżki odświeżyć: $ FileDir $ \ $ FileNameWithoutExtension $ .css