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!
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 Chineseisierung2, 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 gewechselt4, 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 installieren6. 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 ArbeitseffizienzBeschleunigen 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-PfadeAutocomplete-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 Browser24, 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:
27, Sublime-Style-Column-Selection
28 , Dateisymbole
links Unter der Seitenbaumansicht werden auf der linken Seite verschiedene Symbole angezeigt, je nach Dateityp29, 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-JavascriptES6-Code-Verknüpfungen
34, reagieren -Snippets
React-Code-Verknüpfungen35, 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:
图形化git提交记录
monokay主题
3. So installieren Sie das Plug-in
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!
Was sind die JQuery-Plug-Ins?
Was ist die C-Programmiersoftware?
Einführung in die Plug-Ins, die für die Ausführung von Java durch vscode erforderlich sind
Der Unterschied zwischen Laufwerk C und Laufwerk D
Eine vollständige Liste häufig verwendeter öffentlicher DNS
navigator.useragent
Linux-Befehl zum Ändern des Dateinamens
Der Unterschied zwischen Router und Katze
