Drehen Sublime Text 3 in ein JavaScript-IDE

0
60

Sublime Text ist einer der beliebtesten Editoren für web-Entwicklung und software Entwicklung im Allgemeinen. Es ist sehr glatt und schnell, im Vergleich zu anderen Editoren (geschrieben in C++ hilft, die Geschwindigkeit). Erhaben hat auch Tonnen von plugins finden Sie mit Paket Control.

Aber es ist nur ein text-editor und keine IDE. Eine IDE ist eine software-Anwendung, bietet eine umfassende Ausstattung, um computer-Programmierer für die software-Entwicklung. In der Tat, das Erhabene nicht bieten features wie debugging-tools, integrierte Werkzeuge für das kompilieren und ausführen von Anwendungen, intelligente code-Vorschläge, oder code-refactoring. Stattdessen bietet es eine Reihe von APIs, die Sie verwenden können, um es zu erweitern. Hier ist eine Einführung in die JavaScript-Erweiterung-Plug-in (meine eigene Kreation), die Erhabene macht ein bisschen mehr IDE-wie für die JavaScript-Entwicklung.

Was ist die JavaScript-Erweiterung-Plugin?

Es ist ein plugin für Sublime Text 3, dass bietet eine Menge Funktionen, die nützlich zum erstellen, entwickeln und verwalten von JavaScript-Projekten. Die wichtigsten sind:

  1. Intelligentes autocomplete
  2. Fehler-Erkennung und-linting
  3. – Code refactoring

Einige andere Funktionen finden Sie auf der Wiki-Seite.

Die meisten Funktionen sind implementiert mit Flow unter der Haube, die eine statische typechecker für JavaScript erstellt (wenn Sie wissen, Typoskript, es ist sehr ähnlich). Das Hauptziel dieses plugin ist Sublime Text 3 in eine JavaScript-IDE. Es ist in der aktiven Entwicklung und es werden weitere features im Laufe der Zeit.

Installation

Es gibt zwei Möglichkeiten, um es zu installieren. Das einfachste ist man durch die Kontrolle der Pakete, der andere ist, um es manuell zu installieren Sie die folgenden einfachen Schritte.

Anforderungen

  • Sublime Text 3 build 3124 oder neuer
  • Node.js (6 oder neuer) und npm
  • TerminalView Sublime Text plugin (Linux und Mac OS X nur)

Unterstützte Systeme

Weil Flow funktioniert nur auf 64-bit-Systeme, die dieses plugin unterstützt:

  • Mac OS X
  • Linux (64-bit)
  • Windows (64-bit)

Intelligentes Autocomplete

Sublime Text hat seine eigene AutoVervollständigen-Funktion, aber es macht fehlt, so dass es nicht annähernd so nützlich, wie es sein könnte. Mit diesem plugin bekommen Sie die Autovervollständigung basierend auf dem aktuellen Kontext, wie jede andere IDE. Zum Beispiel, Sie erhalten Fertigstellungen von Ihr importierten Klassen definiert, die in anderen Dateien, wie Eigenschaften und Methoden.

Außerdem werden die Abschlüsse, die Liste enthält auch Informationen über Variablen-Typ und die Funktionen Signatur , um einen schnellen überblick zu bekommen.

Hier ist, wie das funktioniert mit dem plugin:

…und ohne das plugin:

Fehler-Erkennung und-Linting

Sublime Text verfügt nicht über eine Fehlererkennung und/oder linting-system nativ. Dank der Flow, diese kann getan werden mit Ihrem eigenen CLI-Befehle. Um zu lassen, die Fluss-server überprüfen Sie Ihre Dateien in ein JavaScript-Projekt, müssen Sie einen speziellen Kommentar in Ihnen: // @flow.

Sie können auch weitere Optionen in der .flowconfig-Datei (siehe die offizielle website anpassen, um Ihre Flow-Konfiguration. Zum Beispiel, wenn Sie möchten, lassen Sie die Flow server prüfen Sie alle Dateien und nicht nur diejenigen, die mit @flow, müssen Sie die option “alle ” true”:

[Optionen]
# alle=off standardmäßig
all=true

Anstatt, wie Sie sagt, auf der offiziellen website, lint Einstellungen können festgelegt werden .flowconfig [Fusseln] – Abschnitt als eine Liste von rule=schwere Paare. Diese Einstellungen gelten Global für das gesamte Projekt. Ein Beispiel ist:

[Fusseln]
# alle=off standardmäßig
alle=warnen
untypisierte-type-import=Fehler
sketchy-null-bool=off

Lint Einstellungen können auch direkt in einer Datei mit flowlint Kommentare. Zum Beispiel:

/* flowlint
* skizzenhafte-null:Fehler,
* nicht typisierte-type-import:Fehler
*/

– Code Refactoring

Sublime Text bietet keine code-refactoring-system nativ. Realisiert wird dies mit Hilfe von Flow-CLI-Befehle um die nötigen Informationen zu bekommen. Im moment ist das plugin bietet verschiedene code-refactoring-features, darunter:

  • Konvertieren Pfeil-Funktion
  • Export:
    • Funktion
    • Klasse
    • Variable
  • Sicher Kopieren
  • Sicher Bewegen
  • Sicher Löschen
  • Auszug:
    • Variable
    • Feld (aktuelle Methode, Feld-Deklaration Konstruktor der Klasse)
    • Parameter
    • Methode (global scope, aktuellen Bereich, Klasse, Methode)

Einige von Ihnen können auch eine Vorschau.

Unterstützung

Probleme/Fragen

Wenn Sie irgendwelche Probleme haben, erstellen Sie ein Problem. Protip: tun Sie eine schnelle Suche zuerst zu sehen, wenn jemand anderes nicht die gleiche Frage vor! Für kleine Fragen, können Sie mit Gitter.

Feature-Wünsche und Verbesserungen

Für feature-Anfragen, erstellen Sie eine Frage oder ein Gitter verwenden.

Finanzielle Beiträge

Wenn dieses Projekt hilft, reduzieren Sie die Zeit, sich zu entwickeln und auch Sie es mögen, bitte erwägen Sie, ihn zu unterstützen mit einer Spende auf Patreon, Offene Kollektive oder mit PayPal. Danke!