MNIEJ - redaktorzy i wtyczki

W tym rozdziale zrozumiemy znaczenie edytorów i wtyczek w LESS. Edytor to system lub program, który umożliwia użytkownikowi edycję tekstu. Wtyczka to oprogramowanie służące do rozszerzenia funkcjonalności strony.

Omówmy teraz edytory i IDE za LESS.

Sr.No. Redaktorzy, IDE i opis
1 Schrupać!

Obsługuje wiele platform, takich jak Windows, Mac i Linux . Zapewnia edytorowi zintegrowaną kompilację.

2 Mindscape Web Workbench

Zapewnia edycję CoffeeScript, SASS, Compass i MNIEJ oraz ułatwia tworzenie nowoczesnych aplikacji internetowych w Visual Studio.

3 NetBeans

Jest to środowisko IDE oparte na języku Java. Pomaga to w szybkim tworzeniu aplikacji komputerowych, mobilnych i internetowych, a także aplikacji HTML5, które obejmują HTML, JavaScript i CSS.

4 TextMate

Jest to graficzny edytor tekstu ogólnego przeznaczenia dla Mac OS X. Zawiera deklaratywne dostosowania, zapisywalne makra, fragmenty, integrację powłoki, otwarte karty dokumentów i rozszerzalny system pakietów.

5 Krzepkość

Pakiet vim dodaje funkcje, takie jak wcięcia, podświetlanie i automatyczne uzupełnianie dla języka dynamicznego arkusza stylów MNIEJ.

6 Emacs

Zawiera less-css-model, który zapewnia tryb Emacs dla LESS CSS (lesscss.org); Emacs obsługuje kompilację przy zapisie.

7 jetBrains WebStorm i PhpStorm

WebStrom to lekkie i wydajne IDE. Jest doskonale wyposażony do kompleksowego rozwoju po stronie klienta i serwera za pomocą Node.js. PhpStorm to PHP IDE, które obsługuje głębokie zrozumienie kodu i zapewnia najwyższej klasy pomoc w kodowaniu oraz obsługę wszystkich głównych narzędzi i struktur.

8 Wsporniki

Jest to lekki, wydajny i otwarty edytor kodu, który pomaga projektantom stron internetowych i programistom front-end.

9 CodeLobster

Jest to przenośne zintegrowane środowisko programistyczne (IDE) przeznaczone głównie dla PHP. Obsługuje również rozwój HTML, CSS i JavaScript, a wtyczki są dostępne dla Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii i CakePHP.

10 KineticWing IDE

Jest to szybkie, czyste, lekkie i przenośne IDE. Jest to pełnowymiarowy pakiet programistyczny, który pomaga pracować inteligentnie i szybko.

11 nodeMirror

Jest to środowisko IDE typu open source, które można łatwo dostosować. Wykorzystuje CodeMirror.net, pty.js i inne biblioteki.

12 Narzędzia HTML-Kit

To nowoczesny edytor internetowy obsługujący HTML5, CSS3, JavaScript i nie tylko. Dzięki temu możesz edytować, przeglądać, zatwierdzać publikować i zarządzać projektami z poziomu edytora zgodnego z nowoczesnymi standardami.

Wysublimowany tekst 2 i 3

Sublime Text zapewnia różne opcje za mniej jak wymieniono w poniższej tabeli -

Sr.No. Opcje i opis
1 Mniej wzniosłe

MNIEJSZA składnia dla wysublimowanego tekstu zapewnia podświetlanie składni dla plików .less , wraz z fragmentami.

2 Sublime-Less-to-CSS

Wtyczka Sublime Text 2 i 3 do kompilowania plików .less do CSS podczas zapisywania. To wymagalessc zainstalowany na PATH.

3 Mniej rozbudowany-wysublimowany

LESS system kompilacji dla sublime text 2, który zapewnia dwa systemy kompilacji dla plików LESS, zarówno zminimalizowane, jak i niezminifikowane.

4

SublimeOnSaveBuild

Jest to prosta wtyczka do wysublimowanego tekstu 2, która uruchamia kompilację po kliknięciu przycisku Zapisz. Działa dobrze z preprocesorami, takimi jak LESS, Compass i inne.

Zaćmienie

Eclipse ma dwie wtyczki dla LESS, jak podano w poniższej tabeli -

Sr.No. Wtyczki i opis
1 Wtyczka Eclipse Less

Rozszerzając Eclipse IDE, ta wtyczka zapewnia przydatne funkcje do edycji i kompilacji MNIEJ arkuszy stylów.

2 Wtyczka Transpiler

Ta wtyczka Eclipse automatycznie transpiluje pliki, takie jak LESS, SASS, CoffeeScript itp.

Visual Studio

Program Visual Studio ma następujące różne opcje MNIEJ -

Sr.No. Opcje i opis
1 CSS to mniej

To rozszerzenie sprawia, że ​​pliki LESS są otwierane z usługą języka CSS.

2 Web Essentials 2012

To rozszerzenie znacznie ułatwia wykonywanie typowych zadań i dodaje przydatne funkcje do programu Visual Studio dla deweloperów sieci Web.

3 Web Essentials 2013

Rozszerza Visual Studio o wiele nowych funkcji, które nie są specyficzne dla określonego języka lub edytora.

4 Narzędzia internetowe 2013

Pomaga to w zadaniach programistycznych, które obejmują ASP.NET

Dreamweaver

Podczas pracy z programem Dreamweaver należy wziąć pod uwagę następujące kwestie .

  • Jest to aplikacja firmy Adobe używana przez projektantów i programistów do tworzenia aplikacji i witryn internetowych.

  • Może działać na wielu platformach, w tym przeglądarkach, urządzeniach i tabletach.
  • Projektanci stron internetowych używają programu Dreamweaver do tworzenia prototypów witryn internetowych.

  • Kompilator DMXzone Less CSS sprawia, że ​​wszystkie MNIEJSZE możliwości CSS są dostępne bezpośrednio w programie Dreamweaver.

Notepad ++ 6.x

Podczas pracy z Notepad ++ należy wziąć pod uwagę następujące kwestie .

  • Notepad ++ to darmowy edytor tekstu i edytor kodu źródłowego, który obsługuje edycję w kartach, tj. Pracę z wieloma otwartymi plikami w jednym oknie.

  • LESS dla Notepad ++ to plik xml, który zapewnia podświetlanie składni lub kolorowanie plików .less. Aby uzyskać więcej informacji, kliknij ten link .

  • Aby zainstalować Notepad ++, kliknij ten link .