5 Best EMACS -Plugins für die Webentwicklung

Da Sie hier sind, verwenden Sie bereits EMACs für die Textbearbeitung, möglicherweise für E -Mails und sicherlich für Codierungsaufgaben. Wenn Sie ernsthafte Webentwicklung durchführen, möchten Sie so viele Vorteile wie möglich. Hier sind einige Tools, mit denen Ihre Erfahrung mit EMACs für das Web codiert werden kann.

Wie das Sprichwort sagt, ist EMACS ein Betriebssystem, dem ein anständiger Editor fehlt. Sie können Dinge so einrichten, dass EMACs den gesamten Workflow für Sie ausführt, einschließlich Git, Kompilieren und vielen weiteren Dingen.

Welches Webprojekt streben Sie an?

Diese Liste ist kurz, um Ihnen den Einstieg zu erleichtern, nicht erschöpfend. Nachdem Sie die Tipps hier verwendet haben, finden Sie den speziellen Abschnitt für Ihre Frameworks und spezielle Web -Tools. Die Liste der Tools ist so lang, dass Sie nur Ihren eigenen Favoriten finden müssen.

Die Liste wird in Abschnitte aufgeteilt, damit Sie finden, was Sie in Ihrem Workflow verbessern müssen. Genießen Sie Ihre Codierung, behandeln Sie Ihre eigenen Fehler und finden Sie Fehler viel einfacher, wenn Sie diese Tools korrekt einstellen.

In dieser Liste finden Sie nicht einmal eine der großartigen Python -Tools, die für EMACs verfügbar sind. Diese Tools enthalten eine Reply, damit Sie den Code interaktiv testen können. Sie haben sogar einen Ipython -Modus, in dem Sie Ihren Code mit Kommentaren erstellen können.

Vorbereitete Ausschnitte

Ein Großteil der Programmierung beinhaltet die Verwendung von Funktionen mit einer speziellen Struktur. Ein Webdokument hat immer ein und ein Tag, das korrekt geschlossen werden muss. Sie werden immer Konstrukte haben, bei denen der von Ihnen gewünschte Code ein spezielles Format folgt, um ein Snippet zu verwenden. In EMACs ist eines der besten Plugins Yasnippets!

Yasnippets

Mit Yasnippets definieren Sie, welchen Text Sie in Ihrem Code haben müssen. Sie können auch Variablen verwenden und das Ergebnis als Formular ausfüllen. Ein ähnliches Plugin, das für viele Redakteure verfügbar ist.

Emmet

Emmet-Mode ist ein Tool, bei dem eine Abkürzung den gesamten Code erstellt. Das erste Beispiel auf ihrer Webseite zeigt, wie Sie ein Sternchen verwenden, um sich zu multiplizieren, um eine Liste zu erhalten. Die Syntax funktioniert ähnlich wie CSS, ist jedoch an die Markup -Sprachen angepasst, einschließlich HTML. Um die Funktionalität zu erweitern, verwenden Sie JSON -Dateien. In diesen können Sie Snippets hinzufügen, die Ihren Anforderungen näher als das Standardwerkzeug entsprechen.

Flycheck

Flycheck überprüft Ihren Code auf Syntaxfehler beim Eingeben. Damit dies funktioniert, benötigen Sie eine zugrunde liegende Bibliothek oder ein Toolkit. Es gibt diese Tools für viele Sprachen. Für die Webentwicklung suchen Sie nach Tools wie HTML-Tidy, JSHINT und PyRINT. Viele andere Tools und Sprachen werden unterstützt. Dies ist ein wesentlicher Bestandteil von EMACs für die Softwareentwicklung leistungsfähig.

In Ihrem EMACS -Setup müssen Sie auch die spezifische Sprache hinzufügen, die Sie unterstützen. Die unterstützten Sprachen sind offensichtlich, wenn Sie Melpa oder eine andere Website für Flycheck überprüfen. Tatsächlich ist es eine gute Idee zu überprüfen, was Flycheck für Sie tun kann, unabhängig von der Sprache, die Sie entwickeln. Die Auswahl der Sprachen ist riesig!

Live -Bearbeitungsmodus

Es gibt viele Möglichkeiten, wie Sie EMACs verwenden können, um Ihre Webseiten gut auszusehen und richtig zu arbeiten. Sie haben auch viele Möglichkeiten, um das Ergebnis Ihres Codes in einem Browser beim Eingeben zu sehen. Dies gibt Ihnen ein sofortiges Feedback zu Ihren Änderungen, die Sie vorgenommen haben. Eine Lösung dafür ist der Spießmodus.

Spießmodus

Der Spießmodus richtet Ihr Verzeichnis als Webseite, jedoch lokal auf Ihrem aktuellen System ein. Anschließend startet ein Webserver und dient den Code für den Webbrowser der Wahl. Mit diesem Setup haben Sie den Browser, der Ihnen die Seite im nächsten Fenster zeigt. Der Webserver ist so konfiguriert, dass die Seite neu geladen wird, sobald eine Datei geändert wird. Kein Kompilieren, Übertragen und Neustarten des Webservers erforderlich.

JavaScript

Wenn Sie in JavaScript programmieren, müssen Sie viele Fallstricke stolpern. Während Flycheck Ihre Syntax überprüft, wird der JS2-Mode Syntax-Hervorhebung durchführen und Ihnen gleichzeitig Syntaxfehler angezeigt, während Sie eingeben. Dieser Modus ist wichtig, um viele Codes zu durchlaufen, um Ihr Traumergebnis beim Codieren in JavaScript zu erreichen.

Dieser Modus unterstützt auch JSX und Verschluss.

Indium

Nachdem Sie das alles durchlesen haben, werden Sie sich freuen zu wissen, dass Sie auch Bündel finden, die alles ordentlich packen. Eines der besten davon ist Indium. Indium wird tatsächlich in zwei Teile aufgeteilt. Ein Stück ist Ihr EMACS -Paket, das auf Melpa erhältlich ist. Das andere ist ein NPM -Paket. Das NPM -Paket ist einfach mit 'NPM Install Indium zu installieren."Nachdem diese beiden installiert sind, müssen Sie Einstellungen in Ihrem Projektverzeichnis erstellen, das benannt ist".Indium.json '. Die Anforderungen sind in NodeJs bescheiden, aber sie sind streng. Es wird auch auf Chromium erkannt, da alle Debugging -Tools von dort aus stammen.

Abschluss

Um mit der Webentwicklung zu beginnen, denken Sie vielleicht, dass Sie eine schicke IDE brauchen. Wo sonst können Sie alle Schnickschnack bekommen? In EMACs können Sie sie finden. Wenn Sie diese Tools und mehr verwenden, werden Sie sehr weit kommen, und Sie benötigen wahrscheinlich kein anderes Tool, um großartige Webseiten zu erstellen! Wenn Sie jedoch einige dieser Tools nicht einverstanden sind, stehen für EMACs viele großartige Tools zur Verfügung, wenn Sie sich umsehen. Ein guter Ausgangspunkt ist auf GitHub erhältlich und wird in der Tat "Awesome Emacs" bezeichnet.''