Empfohlene häufig verwendete Plug-Ins für Atom (Vue-Syntaxhervorhebung)

Verwandte Empfehlungen: Atom (Video-Tutorial)

Die Verwendung von Atom war auch ein Zufall, und ich bin mit einigen schnellen Anwendungen von Sublime vertraut, nachdem ich zu einem Unternehmen gewechselt bin , das Unternehmen hat sich geändert. Wenn Sie Atom verwenden, machen Sie es wie die Römer und versuchen Sie stattdessen, Atom zu spielen.

Ich finde, dass Atom immer noch sehr ähnlich ist. Viele Pakete sind sehr vollständig. Sie können sich einige spezifische Einführungen ansehen.

Jetzt möchte ich Ihnen einige häufig verwendete Plug-Ins vorstellen:

(Wenn das Plug-In installiert und die Konfiguration abgeschlossen ist, der gewünschte Effekt jedoch nicht erzielt wird, beenden Sie es einfach und öffnen Sie es erneut )

Tipps: Manchmal schlägt die Installation fehl, dann versuchen Sie es mit einer anderen Idee:

1. Suchen Sie den Ordner C:/Benutzer/Ihr Benutzername/.atom/packages/

2. Verwenden Sie gitbash im .atom-Paketverzeichnis

3. git clone xxxxx/atom-beautify.git (die Adresse des Plug-Ins auf Github)

3.cd .atom-beautify (Geben Sie das Verzeichnis des heruntergeladenen Plug-Ins ein)

4.npm install

5. Abschließen (vergessen Sie nicht, Atom neu zu starten)

Bevor Sie das Plug-in einführen, sprechen wir über den Speicherort der Plug-in-Installation: Pakete >

1.Synchronisieren Sie die Einstellungen

mit Github, um Ihre Atom-Plug-in-Informationen und Konfigurationsinformationen zu synchronisieren, sodass Sie einfach einen Computer konfigurieren und mit mehreren Computern teilen können.

2. Emmet

kann HTML basierend auf der Emmet-Syntax generieren. Jeder, der Front-End-Entwicklung gemacht hat, wird dieses Plug-in kennen. Es ist so nützlich, dass ich weine.

3. Atom Beautify

Das Codeformatierungstool kann so eingestellt werden, dass es beim Speichern automatisch formatiert wird, ganz zu schweigen davon, wie praktisch es ist. Unterstützt HTML, CSS, Javascript, Java, Go usw. Grundsätzlich werden alle gängigen Sprachen unterstützt.

Konfiguration:

Wählen Sie die Sprache aus, die Sie konfigurieren möchten. Ich habe Vue gewählt .

5.HTML automatisch schließen

Geben Sie automatisch das entsprechende schließende HTML-Tag ein, was einfach, aber praktisch ist.

6.Minimap

Dieses Plug-in bedarf keiner Einführung. Ich benutze es, seit ich mit sublime angefangen habe. Nie vergessen.

7.Farbauswahl

Mit der Farbauswahl können Sie die Farbauswahl direkt öffnen und Farben auswählen, während Sie Code schreiben.

8.vim-mode

Ein unverzichtbares Plug-in für eingefleischte Vim-Fans.

9.git-plus

ermöglicht Ihnen die einfache Verwaltung Ihrer Git-Projekte im Editor, wobei Ihnen verschiedene gängige Git-Funktionen zur Verfügung stehen.

10.Dateisymbole

Es ist ganz einfach. Es fügt verschiedenen Dateitypen ein schönes kleines Symbol hinzu, ein Muss für Entwickler von Schönheitskontrollen.

11.docblockr

Dokumentationsanmerkungen, wissen Sie, ein notwendiges Plug-In für die Standardanmerkung für die Teamzusammenarbeit.

12.Linter Jshint

hilft Ihnen beim Schreiben von professionellem JS-Code, einem unverzichtbaren Plug-in für JS-Entwickler.

Es wird empfohlen, diese und andere entsprechend den persönlichen Bedürfnissen zu installieren.

Alles installiert, Reaktionsentwicklung, Code-Hervorhebung ist überhaupt kein Problem, es gibt Bilder, die es beweisen

Aber was Vue betrifft, probieren Sie es aus, es ist alles grau, ohne eine Spur von Farbe, ich Ich bin in Tränen aufgelöst und versuche, einen Weg zu finden. Gelöst,

Installation

Die Installation ist abgeschlossen, perfekt, schauen Sie sich den Code noch einmal an, ich breche wieder in Tränen aus, nur die Beschriftung ist hervorgehoben und die Syntax ist immer noch grau

Das ist nicht das, was ich will, was ich will. Sogar die Syntax muss hervorgehoben werden.

Mit der Implementierung der Vue-Syntaxhervorhebung fortfahren

1. Wählen Sie die Datei

Datei》Benutzer-Keymap》keymap.cson (Datei 》KeyMap... > keymap.cson)

2 Datei: Wenn es bereits andere Konfigurationen von 'atom-text-editor[data-grammar~="vue"]:not([mini])':

gibt, müssen Sie diese hinzufügen zu anderen Konfigurationen Fügen Sie direkt

'tab': 'emmet:expand-abbreviation-with-tab'

hinzu, können Sie die folgenden beiden Zeilen jedoch nicht direkt hinzufügen, da sonst ein Fehler gemeldet wird

)

'atom-text-editor[data-grammar~="vue"]:not([mini])':

'tab': 'emmet:expand-abbreviation-with-tab'

Wie im Bild gezeigt :

Beenden Sie Atom erneut und starten Sie es erneut. Dies ist im Grunde derselbe wie bei Sublime

Schließlich können Schüler, die nicht gut Englisch können und eine chinesische Version wünschen, einfach verwenden das Plug-in unten:

Abschließend kann als Exkurs auf Atom verzichtet und vsCode als erste Wahl aufgeführt werden.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !

Das obige ist der detaillierte Inhalt vonEmpfohlene häufig verwendete Plug-Ins für Atom (Vue-Syntaxhervorhebung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!