WENIGER - Editoren und Plugins

In diesem Kapitel werden wir die Bedeutung von Editoren und Plugins in LESS verstehen . Ein Editor ist ein System oder Programm, mit dem ein Benutzer Text bearbeiten kann. Das Plugin ist eine Software, mit der die Funktionalität der Website erweitert wird.

Lassen Sie uns nun Editoren und IDEs für WENIGER diskutieren.

Sr.Nr. Editoren und IDEs & Beschreibung
1 Crunch!

Es unterstützt plattformübergreifende Funktionen wie Windows, Mac und Linux . Es bietet dem Editor eine integrierte Kompilierung.

2 Mindscape Web Workbench

Es bietet die Bearbeitung von CoffeeScript, SASS, Compass und LESS und erleichtert die moderne Webentwicklung in Visual Studio.

3 NetBeans

Es ist eine Open-Source-Java-basierte IDE. Dies hilft bei der schnellen Entwicklung Ihrer Desktop-, Mobil- und Webanwendungen sowie von HTML5-Anwendungen, die HTML, JavaScript und CSS enthalten.

4 TextMate

Es ist ein grafischer Allzweck-Texteditor für Mac OS X. Er bietet deklarative Anpassungen, beschreibbare Makros, Snippets, Shell-Integration, Registerkarten zum Öffnen von Dokumenten und ein erweiterbares Bundle-System.

5 Vim

Das vim-Bundle bietet Funktionen wie Einrücken, Hervorheben und automatische Vervollständigung für die dynamische Stylesheet-Sprache WENIGER.

6 Emacs

Es enthält ein Less-CSS-Modell, das einen Emacs-Modus für WENIGER CSS bietet (lesscss.org). Emacs unterstützt Compile-on-Save.

7 jetBrains WebStorm und PhpStorm

WebStrom ist eine leichte und leistungsstarke IDE. Es ist perfekt für die komplexe clientseitige und Serverentwicklung mit Node.js ausgestattet. PhpStorm ist eine PHP-IDE, die ein tiefes Verständnis des Codes unterstützt und erstklassige Codierungsunterstützung und Unterstützung für alle wichtigen Tools und Frameworks bietet.

8 Klammern

Es ist ein leichter, leistungsstarker und Open-Source-Code-Editor, der Webdesignern und Front-End-Entwicklern hilft.

9 CodeLobster

Es ist eine tragbare integrierte Entwicklungsumgebung (IDE), hauptsächlich für PHP. Es unterstützt auch die Entwicklung von HTML, CSS und JavaScript und Plugins sind für Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii und CakePHP verfügbar.

10 KineticWing IDE

Es ist eine schnelle, saubere, leichte und tragbare IDE. Es handelt sich um eine Entwicklungssuite in voller Größe, mit der Sie intelligent und schnell arbeiten können.

11 nodeMirror

Es ist eine Open-Source- und leicht anpassbare IDE. Es verwendet CodeMirror.net, pty.js und andere Bibliotheken.

12 HTML-Kit-Tools

Dies ist ein moderner Webeditor für HTML5, CSS3, JavaScript und mehr. Mit dieser Funktion können Sie Projekte mit einem modernen standardkonformen Editor bearbeiten, in der Vorschau anzeigen, validieren, veröffentlichen und verwalten.

Erhabener Text 2 & 3

Der erhabene Text bietet verschiedene Optionen für WENIGER, wie in der folgenden Tabelle aufgeführt -

Sr.Nr. Optionen & Beschreibung
1 Weniger erhaben

WENIGER Syntax für erhabenen Text bietet Syntaxhervorhebung für .less- Dateien zusammen mit Snippets.

2 Sublime-Less-to-CSS

Hervorragendes Plugin für Text 2 und 3 zum Kompilieren von .less- Dateien in CSS beim Speichern. Es benötigtlessc auf PATH installiert.

3 Weniger Build-Sublime

WENIGER Build-System für erhabenen Text 2 , das zwei Build-Systeme für WENIGER Dateien bereitstellt, sowohl minimiert als auch nicht minimiert.

4

SublimeOnSaveBuild

Es ist ein einfaches Plugin für erhabenen Text 2 , um einen Build auszulösen, wenn Sie auf Speichern klicken. Funktioniert gut mit Vorprozessoren wie LESS, Compass und anderen.

Finsternis

Eclipse hat zwei Plugins für WENIGER, wie in der folgenden Tabelle aufgeführt -

Sr.Nr. Plugins & Beschreibung
1 Eclipse Less Plugin

Durch die Erweiterung der Eclipse-IDE bietet dieses Plugin nützliche Funktionen zum Bearbeiten und Kompilieren von WENIGER Stylesheets.

2 Transpiler Plugin

Dieses Eclipse-Plugin transpiliert automatisch Ihre Dateien wie LESS, SASS, CoffeeScript usw.

Visual Studio

Visual Studio bietet die folgenden verschiedenen Optionen für WENIGER:

Sr.Nr. Optionen & Beschreibung
1 CSS ist weniger

Mit dieser Erweiterung werden WENIGER Dateien mit dem CSS-Sprachdienst geöffnet.

2 Web Essentials 2012

Mit dieser Erweiterung können Sie allgemeine Aufgaben viel einfacher ausführen und Visual Studio für Webentwickler nützliche Funktionen hinzufügen.

3 Web Essentials 2013

Es erweitert Visual Studio um viele neue Funktionen, die nicht für eine bestimmte Sprache oder einen bestimmten Editor spezifisch sind.

4 Web Tools 2013

Dies hilft Ihnen bei den Entwicklungsaufgaben, an denen ASP.NET beteiligt ist

Traumweber

Die folgenden Punkte müssen bei der Arbeit mit Dreamweaver berücksichtigt werden .

  • Es ist eine Adobe-Anwendung, die von Webdesignern und Entwicklern zum Erstellen von Anwendungen und Websites verwendet wird.

  • Es kann auf mehreren Plattformen arbeiten, einschließlich Browsern, Geräten und Tablets.
  • Webdesigner verwenden Dreamweaver zum Erstellen von Website-Prototypen.

  • Der DMXzone Less CSS Compiler macht alle WENIGER CSS-Funktionen direkt in Dreamweaver.

Notepad ++ 6.x.

Die folgenden Punkte müssen bei der Arbeit an Notepad ++ berücksichtigt werden .

  • Notepad ++ ist ein Freitext- und Quellcode-Editor, der das Bearbeiten von Registerkarten unterstützt, dh das Arbeiten mit mehreren geöffneten Dateien in einem einzigen Fenster.

  • WENIGER für Notepad ++ ist eine XML-Datei, die Syntaxhervorhebung oder -färbung für .less-Dateien bietet. Um weitere Informationen zu erhalten, klicken Sie auf diesen Link .

  • Um Notepad ++ zu installieren, klicken Sie auf diesen Link .