Empfohlene gemeinsame Nutzung von über 40 häufig verwendeten Plug-Ins in Atom (mit Plug-In-Installationsmethoden)

In diesem Artikel erfahren Sie mehr über 40 häufig verwendete Atom-Plug-Ins und erfahren, wie Sie Plug-Ins in Atom installieren. Ich hoffe, dass er für alle hilfreich ist!

Empfohlene häufig verwendete ATOM-Plug-Ins

1. Einführung in ATOM

Atom ist ein von GitHub entwickelter Open-Source-Code-Editor, der benutzerdefinierte Programmiersprachen wie HTML unterstützt. CSS und JS. Aufgrund seiner einfachen und intuitiven Benutzeroberfläche, der Unterstützung für die Installation von Paketen Dritter und der Makrounterstützung ist es bei Programmierern sehr beliebt! [Verwandte Empfehlungen:

Atom-Nutzungsanleitung]

Offizieller Website-Link: https://atom.io/

2. Empfohlene häufig verwendete ATOM-Plug-Ins

github Seit dem Start von Atom habe ich Mit zunehmender Nutzungsdauer habe ich nach und nach einige häufig verwendete Plug-Ins gesammelt (die meisten Plug-Ins sollten für jeden geeignet sein, und eine kleine Anzahl von Plug-Ins entspricht eher meinem eigenen Geschmack). und ich habe sie hier als Referenz aufgeführt.

1. Vereinfachtes Chinesisch-Menü

Atoms vereinfachtes Chinesisch-Chinesisch-Sprachpaket, derzeit das umfassendste Chinesisch-Sprachpaket. Einschließlich Menü-Chinesisierung, Rechtsklick-Menü-Chinesisierung und Einstellungen Chineseisierung

2, Atom-Beautify

Code-Format One-Click-Verschönerung, unterstützt mehrere Sprachformatierungen, wie zum Beispiel: HTML, CSS , JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL…

3, letzte Cursorposition

Der Cursor kann frei sein zum vorherigen Mal/nächsten Bearbeitungsort gewechselt

4, Minikarte

Nachahmung sublimer Text-Abkürzungscode-Ansicht, der Ort, den Sie finden möchten, ist auf einen Blick klar.

5. Minimap-Highlight-Auswahl

Um den Minimap-Highlight-Auswahlinhalt zu erreichen, müssen Sie die ersten beiden Plug-Ins installieren

6. Activate-Power-Mode

Bildschirm Vibrationseffekt, Tippen. Mit Spezialeffekten hat es einen schockierenden Effekt beim Tippen Farbanzeige-Plugin, Editor Sie können die durch den Code dargestellte Farbe direkt anzeigen. Das Tool ist klein, aber sehr praktisch.

9. Markieren Sie einen bestimmten Codeabschnitt, um denselben Code automatisch hervorzuheben. emmet

Ein Muss für die HTML-Entwicklung Arbeitseffizienz

Beschleunigen Sie die Webentwicklungsgeschwindigkeit, indem Sie Funktionen für Snippet (Code-Snippet) und Abkürzungserweiterung (Abkürzungserweiterung) bereitstellen.

11. Intelligente Code-Kommentare machen Kommentare standardisierter

13.Autocomplete-Pfade

Autocomplete-Dateipfade

14, Atom-React-Native-Autocomplete

React-Native-Code-Vervollständigungs-Plugin

15, Merge-Konflikte

In Atom werden zusammengeführte Konflikte behandelt ing-Dateien

16, Skript

führt das Skript unter Atom aus und unterstützt mehrere Entwicklungssprachen.

17, Browser-Plus

Editor integrierter Browser

18, Ask-Stack

Schnelle Frage im Atom Stackoverflow

1. 9. regex-railroad- Diagramm

Regulärer Ausdruck Graphical

20, Advanced-Open-File

quickly Öffnen Sie Dateien oder Erstellen neuer Dateien und unterstützen Sie Pfadabschluss

21, Quick-Highlight

code Markieren Sie die Anzahl der gefundenen Inhalte auf der Statusleiste

at Öffnen Sie den Code In jedem installierten Browser

Browserliste im Kontextmenü

24, linter/ linter-eslint

Code-Fehlermeldungen, Sie müssen es mit dem entsprechenden Regel-Plug-in verwenden, zum Beispiel: linter -eslint (JS-Code-Inspektion gemäß den Eslint-Regeln, Linter-Plug-in muss installiert sein)

25, Autocomplete-Pfade

Beim Ausfüllen des Pfades werden Eingabeaufforderungen angezeigt

26. Hyperclick / js-hyperclick

Bei gemeinsamer Verwendung können diese beiden Plug-Ins Strg+Klick ähnlich wie in der IDE implementieren und an die Stelle springen, an der die Variablenfunktion deklariert oder definiert ist. Hyperclick-Beispiel:

s-Hyperclick-Beispiel

27, Sublime-Style-Column-Selection

Lokale Auswahl. Plugin

28 , Dateisymbole

links Unter der Seitenbaumansicht werden auf der linken Seite verschiedene Symbole angezeigt, je nach Dateityp

29, Symbolleiste

Symbolleisten-Plug-in, das mit anderen Plug-ins abgeglichen werden muss 30, Flex-Tool-Bar

32, Sprache-Javascript-JSX/Sprache-Babel

Code-Hervorhebung, unterstützt ES6, ES7, React JSX...

33, es6-Javascript

ES6-Code-Verknüpfungen

34, reagieren -Snippets

React-Code-Verknüpfungen

35, Atom-Bootstrap3

Bootstrap3 HTML-Plug-In zur automatischen Vervollständigung

36, Sync-Settings

Backup-Plug-In und Konfigurationssicherung, um die Notwendigkeit zu verhindern Suchen Sie nach der Neuinstallation des Systems erneut nach Plug-Ins, laden Sie Plug-Ins automatisch direkt herunter und konfigurieren Sie Atom

37. atom-ternjs

unterstützt die Codevervollständigung in mehreren Sprachen, z. B.: ES5, ES6 (JavaScript 2015), Node .js, jQuery, Angular...

38. Mit vim-mode müssen Ex-Mode- und Relative-Numbers-Plug-Ins installiert werden. Ersteres ermöglicht es dem Editor, Befehle wie z as :w:s; Letzteres kann relative Zeilennummern im regulären Modus implementieren. Wer vim verwendet, wird seine Bedeutung natürlich verstehen.

39、Terminal-Plus

cmd+Umschalt+t, um eine neue Konsole zu öffnen

Strg+`, um die Konsole zu öffnen/schließen

cmd+Umschalt+j/k, um die Konsole zu wechseln

Darüber hinaus können Sie auch durch navigieren Konsole über die Navigationsleiste Es ist sehr praktisch, die Farbe zu benennen oder festzulegen. 40, tortoise-svn -Git Panel

Tree-View-Git-Status-Folder Git Status

Setings:

GIST-It-Quicker Code für gist.github.com

git -log

图形化git提交记录

monokai (Theme)

monokay主题

3. So installieren Sie das Plug-in

Öffnen Sie die Software, klicken Sie auf Datei——》Einstellungen—>Installieren

Theme oder Plug-in suchen und installieren, abschließend auf „Installieren“ klicken.

【Verwandte Empfehlung: „

Atom-Tutorial“】

Das obige ist der detaillierte Inhalt vonEmpfohlene gemeinsame Nutzung von über 40 häufig verwendeten Plug-Ins in Atom (mit Plug-In-Installationsmethoden). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!