Fassen Sie mehrere nützliche JavaScript-Editoren zusammen

Englisch: Martin Heller Übersetzung: Grape City Control

Wenn Sie während des Lernprozesses auf Probleme stoßen oder Lernressourcen erhalten möchten, treten Sie bitte der Lernaustauschgruppe bei 343599877, lass uns lernen Front-End zusammen!

Für JavaScript-Programmierer stehen viele tolle Tools zur Verfügung. In diesem Artikel werden 10 hervorragende Texteditoren vorgestellt, die die Entwicklung von JavaScript, HTML5 und CSS unterstützen und Markdown zum Schreiben von Dokumenten verwenden können. Warum einen Editor anstelle einer IDE für die JavaScript-Programmierung verwenden? Der Grund ist die hohe Geschwindigkeit.

Der wesentliche Unterschied zwischen einem Editor und einer IDE besteht darin, dass die IDE nicht nur den Code debuggen und profilieren kann, sondern dass die IDE auch das Application Life Cycle Management (ALM)-System unterstützt. Viele der hier besprochenen Editoren unterstützen mindestens ein Versionskontrollsystem, normalerweise Git, und der Unterschied zwischen IDEs und Editoren wird heutzutage immer kleiner.

Unter diesen 10 JavaScript-Editoren sind Sublime Text und Visual Studio Code die beiden besten. Sublime Text ist bekannt für seine Geschwindigkeit und die Vielfalt an praktischen Bearbeitungsfunktionen. Die Funktionen und die Geschwindigkeit von Visual Studio Code sind fast die gleichen wie bei Sublime Text. TextMate belegt den dritten Platz. Obwohl TextMate vor zwei Jahren auf Platz 1 stand, konnten seine Funktionen nicht wirklich mithalten.

Ihren bevorzugten JavaScript-Editor finden Sie höchstwahrscheinlich in Sublime Text, Visual Studio Code und Brackets, aber es gibt auch andere Editor-Tools wie Atom, BBEdit, Komodo Edit, Notepad++, Emacs und Vim usw. Wissenswert . Sie können basierend auf Ihrem aktuellen Projekt das bequemste Bearbeitungstool auswählen.

Lassen Sie uns alle Herausgeber kennenlernen und sie am Ende des Artikels vergleichen.

Sublime Text

Wenn Sie einen flexiblen, leistungsstarken und erweiterbaren Texteditor suchen, der blitzschnell läuft und das Wechseln zu anderen Fenstern zur Codeprüfung, zum Debuggen und zur Bereitstellung unterstützt, dann können Sie die Verwendung in Betracht ziehen Erhabener Text.

Sublime Text ist nicht nur schneller, sondern bietet auch eine Reihe bemerkenswerter Vorteile: Es deckt mehr als 70 Dateitypen ab, einschließlich sofortiger Navigation und sofortigem Projektwechsel (nehmen Sie eine Reihe von Änderungen auf einmal vor), einschließlich der Spaltenauswahl (wählen Sie jeweils einen rechteckigen Bereich der Datei aus); und verwenden Sie einfache JSON-Dateien für eine vollständige Anpassung ; basierend auf der Python-Plugin-API; ein einheitliches, durchsuchbares Befehlsboard.

Für Programmierer, die andere Editoren verwenden, unterstützt Sublime Text TextMate-Pakete (Befehle nicht enthalten) und die Vi/Vim-Emulation.

Sublime Text ist ein hochgradig konfigurierbarer und erweiterbarer Texteditor. Es enthält über 50 Grammatiken, einschließlich JavaScript, die mithilfe von Sublime-Paketen und TextMate-Grammatikdefinitionen erweitert werden können. Mit wenigen Tastendrücken können Sie Syntax und Unterstützung für Babel (React) und TypeScript (Angular) installieren.

Sublime Text unterstützt mehrere Fenster und geteilte Fenster. Jedes Projekt kann mehrere Arbeitsbereiche, mehrere Ansichten und mehrere Bereiche mit Ansichten haben. Die Nutzung der gesamten Bildschirmfläche wird ganz einfach, wenn Sie Bereiche integrieren, debuggen und testen möchten. Sublime Text unterstützt auch die Anpassung von allem: Farben, Textschriftarten, globale Tastenkombinationen, Tabstopps, dateispezifische Tastenkombinationen und Snippets, sogar Syntaxhervorhebungsregeln usw. Die Codierungsdatei von Sublime Text ist standardmäßig eine JSON-Datei und die Sprachdefinition standardmäßig XML.

Sublime Text verfügt über eine aktive Community zum Erstellen und Verwalten von Sublime Text-Paketen und Plugins. Viele Funktionen, die in Sublime Text fehlen, einschließlich der JSLint- und JSHint-Schnittstellen, JsFormat, JsMinify, PrettyJSON und Git-Unterstützung, sind über die Community mit dem Package Installer verfügbar.

Offizieller Website-Link:

Visual Studio Code

Visual Studio Code ist ein kostenloser, leichter Editor und eine IDE. Er wird von Microsoft veröffentlicht . Es verfügt über Visual Studio-Komponenten und kann mit der Open-Source-Atom-Electron-Shell gemischt werden. Es bietet hervorragende Unterstützung für die ASP.Net Core-Entwicklung mit C#; es bietet auch hervorragende Unterstützung für die Node.js-Entwicklung durch TypeScript und JavaScript. Entgegen der Konvention, dass Visual Studio nur unter Windows unterstützt wird, kann Visual Studio Code auch unter MacOS und Linux ausgeführt werden.

Visual Studio Code verfügt dank der Einbindung des TypeScript-Compilers und der Salsa-Engine über eine sehr gute JavaScript-Code-Vervollständigung. Visual Studio Code sendet den JavaScript-Code hinter den Kulissen an den TypeScript-Compiler, um Typen abzuleiten und Symboltabellen zu erstellen. Sie können die Informationen zur hasOwnProperty-Methode im Feld unten im Bildschirmbild sehen.

Die gleiche Symboltabelle ermöglicht es IntelliSense, Ihnen während des gesamten Ausdruckseingabeprozesses eine hervorragende Popup-Liste mit Optionen bereitzustellen. Sie erhalten die folgenden Funktionen: automatisches Schließen nach dem Füllen, Option zum automatischen Füllen, automatische Methodenliste nach der Eingabe und automatische Parameterliste in Methoden. Sie können IntelliSense verbessern, indem Sie einen Verweis auf die d.ts-Datei von DefinitelyTyped hinzufügen. Visual Studio Code stellt Ihnen diese Funktionen zur Verfügung, wenn Sie häufige Probleme identifizieren, z. B. die Verwendung von __dirname aus integrierten Node.js-Variablen.

Visual Studio Code ist ein kostenloser, leichter Editor und eine IDE für die Node.js- und ASP.Net-Entwicklung. Es kombiniert Microsoft-Technologien wie den TypeScript-Compiler, den Roslyn .Net-Compiler und die von Atom verwendete Electron-Shell. Visual Studio Code ist für Windows-, MacOS- und Linux-Plattformen verfügbar.

Die Git-Unterstützung von Visual Studio Code ist sehr gut und einfach zu verwenden. Der Visual Studio Code-Debugger bietet ein hervorragendes Debugging-Erlebnis für die Node.js- und ASP.Net-Entwicklung. Visual Studio Code verfügt über sehr gute HTML-, CSS-, Less-, Sass- und JSON-Tools. Dieses Tool basiert auf derselben Technologie wie die Internet Explorer F12-Entwicklertools. Darüber hinaus bietet Visual Studio Code eine anpassbare Integration mit externen Task-Runnern wie gulp und jake.

Visual Studio Code verfügt über ein starkes Plug-in-Ökosystem, das beispielsweise Angular und React unterstützt. Es wird empfohlen, Visual Studio Code zu verwenden, wenn Sie Anwendungen mit JavaScript- und TypeScript-Frameworks und -Bibliotheken erstellen.

Offizieller Website-Link:

Download-Adresse:

Brackets

Brackets ist ein kostenloser Open-Source-Editor, ursprünglich von Adobe, entwickelt für JavaScript, HTML und CSS bietet bessere Tools und verwandte offene Webtechnologien. Klammern selbst sind in JavaScript, HTML und CSS geschrieben. Zusätzlich zur integrierten Funktionalität verfügt Brackets über einen Erweiterungsmanager zum Erweitern vieler Sprachen und Tools, die von Front-End-Entwicklern verwendet werden. Brackets läuft nicht so schnell wie Sublime Text und TextMate, aber abgesehen von Pausen beim Laden oder Aktualisieren von Programminhalten aus dem Netzwerk läuft es immer noch sehr schnell.

Brackets bietet nicht nur hervorragende Unterstützung für JavaScript, CSS, HTML und Node.js, sondern auch einige andere großartige Funktionen, wie z. B. die Online-Bearbeitung von CSS im Zusammenhang mit HTML-IDs. Darüber hinaus verfügt Brackets über eine einfache Benutzeroberfläche und eine Echtzeitvorschau von Webseiten während der Bearbeitung. Als kostenloser Code-Editor ist Brackets eine gute Wahl.

Die Brackets-Erweiterung ist ebenfalls in JavaScript geschrieben und kann auch Node.js-Module aufrufen. Im Gegensatz zu den meisten Editoren, die geöffnete Dateien in Registerkarten anzeigen, wird in Brackets eine Liste der Arbeitsdateien über dem Dateibaum angezeigt.

Die JavaScript-Autovervollständigungsfunktion von Brackets ist sehr gut. Sie füllt automatisch die schließenden Klammern verschiedener Klammern aus und verfügt über ein automatisches Dropdown-Menü mit Schlüsselwörtern, Variablen und Methoden, nachdem $ in jQuery-Methoden eingegeben wurde. Klammern können den Node.js-Debugger steuern und Node über einen Menüpunkt neu starten. Klammern erleichtern das Hinzufügen von Erweiterungen mit zusätzlicher Funktionalität (z. B. TypeScript- und JSX-Unterstützung, Bower-Integration und Git-Integration).

Schnelle Bearbeitung, schnelles Speichern von Dokumenten, schnelles Öffnen von Dateien und Echtzeitvorschau tragen dazu bei, die Bearbeitung von Webanwendungen zu vereinfachen, sodass Sie sich auf das Codieren oder Entwerfen konzentrieren können. Brackets haben auch einige Nachteile, z. B. sind einige Brackets-Erweiterungen schwierig zu konfigurieren und nicht so einfach wie Emacs-Pakete oder Vim-Plugins.

Offizieller Website-Link: http://brackets.io/

Download-Adresse:

Atom

Atom 1.15.0 ist eine kostenlose Version auf GitHub Als programmierbarer Open-Source-Editor für Windows-, MacOS- und Linux-Plattformen ist er in die GitHub-Anwendung integriert und verfügt über zahlreiche Pakete und Themes.

Der Atom-Quellcode befindet sich auf GitHub, er ist in CoffeeScript geschrieben und in Node.js integriert. Atom ist eine spezielle Version des Chromium-Browsers, die als Texteditor und nicht als Webbrowser konzipiert ist. Jedes Atom-Fenster ist im Wesentlichen eine lokal gerenderte Webseite.

Die Leistung ist sehr gut, wenn Atom nicht automatisch aktualisiert wird. Es verfügt über einige großartige Funktionen wie Fuzzy-Suche, schnelles Suchen und Ersetzen von Elementen, mehrere Cursor und Auswahlmöglichkeiten, mehrere Bereiche, Codeausschnitte, Codefaltung und die Möglichkeit, TextMate-Syntax und -Themen zu importieren. Atom kann zwei Befehlszeilen-Dienstprogramme installieren: Atom, das zum Starten des Editors von der Shell aus verwendet wird; APM, das zum Verwalten der Atom-Pakete verwendet wird.

Komodo Edit

Komodo Edit ist eine kostenlose, verkleinerte Version der Komodo IDE von ActiveState, einem coolen mehrsprachigen Editor.

Wenn Sie Komodo IDE mögen, es sich aber nicht leisten können, dann ist Komodo Edit eine gute Wahl für Sie. Komodo Edit ist keine IDE, daher müssen Sie die Codekontrolle außerhalb des Editors durchführen.

Es bietet keine Echtzeit-Code-Erfassungsfunktion. Wenn Sie unabhängig entwickeln und keinen Code mit anderen teilen, gibt es keine Probleme. Es bietet auch keinen HTTP-Inspektor. Komodo Edit verfügt über die gleichen Bearbeitungsfunktionen wie die Komodo IDE, es fehlen jedoch Code-Refactoring, Debugging, Unit-Tests, Integration der Quellcodeverwaltung und andere IDE-freundliche Funktionen.

Auf jeden Fall kann Komodo Edit Ihre JavaScript-Bearbeitungsanforderungen kostenlos erfüllen und bietet Auszeichnungssprachen für die Bearbeitung von HTML, CSS, Python, Perl, Ruby, Tcl und anderen Programmen.

Notepad ++

Notepad ++ ist ein kostenloser Open-Source-Windows-Quellcode-Editor und Notizblock, ideal zum Bearbeiten von JavaScript. Es unterstützt etwa 50 Programmier- und Auszeichnungssprachen. Zusätzlich zu den zahlreichen Dokumentbearbeitungsfenstern verfügt es über eine Arbeitsbereichsbaumansicht, Funktionslistenregisterkarten und Dokumentzuordnungsregisterkarten. Die Ladezeiten sind schnell genug und die Leistung so stark, dass Sie sich nicht ausgebremst fühlen.

Mit Syntaxfärbung und -faltung, bearbeitbaren Funktionen (einschließlich Bearbeitung im Spaltenmodus und regulären Ausdrücken, Unterstützung für Suchen und Ersetzen) und einer angemessenen Menge an Funktionsvervollständigungen und Parameterhinweisen kann Notepad++ leicht zum Code-Editor der Wahl für JavaScript werden. Allerdings handelt es sich noch nicht um einen umfassenden JavaScript-Editor und er kann keinen Code generieren, Vorgänge wie Refactoring durchführen und schnell durch große Projekte navigieren.

BBEdit

BEdit 11.0.3 ist ein Texteditor, HTML nur für Mac, er unterstützt etwa 35 Programmier- und Auszeichnungssprachen, Community Die Version bietet auch Unterstützung für viele andere Sprachen über die BBEdit-Website. Sowohl die lizenzierte Version als auch die Community-Version verfügen über Syntaxhervorhebung; die lizenzierte Version verfügt außerdem über eine gewisse Autovervollständigungsfunktion, hauptsächlich für Funktionsnamen, Variablennamen und eine kleine Anzahl von Schlüsselwörtern und Tags. Die lizenzierte Version lässt sich auch in die Versionskontrollsysteme Git, Perforce und Subversion integrieren.

BBEdit 11 ist eine umfassende Neufassung des Produkts. Diese Version ist schneller als zuvor und kann auch Ginormous-Dateien sehr gut verarbeiten. Es verfügt über eine Extraktionsfunktion zum Kopieren der Auswahl oder Suchergebnisse in einen neuen Puffer sowie eine Ausschneidefunktion. BBEdit kann Perl-, Python-, Ruby- und Shell-Skripte bearbeiten und ausführen sowie die Syntax von Perl- und Python-Skripten überprüfen.

Die Unterstützung von BBEdit für HTML und Markdown ist tatsächlich besser als die Unterstützung für JavaScript. Sie können drei Befehlszeilentools für BBEdit installieren: eines für den Editor, eines für die Diff-Engine und das letzte für die Multimedia-Suche.

TextMate

TextMate wurde früher hauptsächlich zum Schreiben von Ruby on Rails auf dem MacBook verwendet, aber jetzt ist TextMate weniger bekannt und gleichzeitig hat Sublime Text allmählich an Popularität gewonnen.

TextMate ist keine IDE, bietet aber Funktionen wie Pakete, Snippets, Makros und Bereichssysteme, die sprachspezifischen IDEs fehlen. TextMate bietet jetzt einfache JavaScript- und jQuery-Bundles an, die eine Reihe nützlicher Tools zum schnellen Generieren von JavaScript- und jQuery-Code bieten. Für IDE-ähnliche Funktionen können Sie die in die Shell integrierte Version von TextMate verwenden, aber erwarten Sie von TextMate kein Code-Refactoring, automatisierte Unit- oder Regressionstests. Wenn Grunt richtig eingerichtet ist, kann TextMate JavaScript-Tests automatisieren.

TextMate verfügt über eine Registerkarte „Bundles-Einstellungen“, über die zusätzliche Bundles heruntergeladen und installiert werden können. Bundle-Quellen sind eigentlich der Quellcode des Produkts, der sich in einem GitHub-Repository befindet.

Emacs

Emacs und seine Derivate stammen seit den frühen 1970er Jahren aus dem MIT AI Lab. Emacs begann als Makro im TECO-Texteditor und entwickelte sich nach und nach zu einer eigenständigen Sprache. Der unter MacOS standardmäßig installierte Emacs ist Version 22.1.1, die keine GUI-Unterstützung bietet. Sie können problemlos XEmacs, Aquamacs (GUI für MacOS) und neuere GNU Emacs-Versionen installieren. Emacs ist ein JavaScript-Editor, der im js-Paket enthalten ist und eine bessere Syntaxhervorhebung und Flusenbildung ermöglicht.

Emacs verwendet das js2-Moduspaket und die automatische Vervollständigung von ac-js2. In Emacs können Sie den seriellen Modus verwenden, um Echtzeit-Browser-JavaScript-, HTML- und CSS-Interaktion zu erhalten.

Vim (und Varianten)

Vi (visuelle Schnittstelle) wurde ursprünglich von Bill Joy für Unix geschrieben. Seit 1976 hat es sich schrittweise von Ed zu Ex weiterentwickelt. Vim ist eine kostenlose, verbesserte Open-Source-Version von Vi; Version 7.3 wird standardmäßig auf Mac OS X installiert.

Sie können ganz einfach eine neuere Version von Vim, MacVim (GUI für MacOS) oder was auch immer für Ihre Plattform verfügbar ist, installieren. Vim ist ein JavaScript-Editor und die Vorschläge in der Readme-Datei für den Vim-Plug sind recht gut.

Welchen Editor Sie verwenden, bleibt Ihnen überlassen.

Ob Sie sich auf clientseitiges JavaScript oder Node.js konzentrieren, es gibt Optionen.

Wenn Sie nach einem leistungsstarken und schnellen Texteditor für die JavaScript-Programmierung suchen, der viele andere Sprachen unterstützt, können Sie sich für Sublime Text entscheiden.

Wenn Sie einen kostenlosen, schnellen JavaScript-Editor suchen, der IDE-kompatibel ist und ASP.Net und C# gut unterstützt, ist Visual Studio Code eine gute Wahl.

Brackets und Atom sind zwei neue, kostenlose Texteditoren. Brackets ist ein Editor, der einer IDE für die Node.js-Entwicklung sehr nahe kommt, und Atom ist hochgradig in den GitHub-Desktop-Client integriert.

Unter Windows ist Notepad++ schnell, effektiv und kostenlos. Unter MacOS ist BBEdit ein schnelles, cooles und kostenloses HTML-Tool in limitierter Auflage für die Versionskontrollintegration. TextMate ist immer noch ein großartiger Editor, der schnell, umfassend und erweiterbar ist, aber die Entwicklung verlief langsam.

Wenn Sie lieber Open-Source-Skriptsprachen verwenden, ist Komodo Edit eine gute Wahl. Wenn Sie einen benutzerdefinierten Editor mögen, können Emacs oder Vim Ihre Anforderungen erfüllen.

Das obige ist der detaillierte Inhalt vonFassen Sie mehrere nützliche JavaScript-Editoren zusammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!