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

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

Dec 20, 2021 pm 04:14 PM
插件 atom

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提交记录
Nach dem Login kopieren

monokai (Theme)

monokay主题
Nach dem Login kopieren

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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

PyCharm-Einsteigerhandbuch: Umfassendes Verständnis der Plug-In-Installation! PyCharm-Einsteigerhandbuch: Umfassendes Verständnis der Plug-In-Installation! Feb 25, 2024 pm 11:57 PM

PyCharm ist eine leistungsstarke und beliebte integrierte Entwicklungsumgebung (IDE) für Python, die eine Fülle von Funktionen und Tools bereitstellt, damit Entwickler Code effizienter schreiben können. Der Plug-In-Mechanismus von PyCharm ist ein leistungsstarkes Tool zur Erweiterung seiner Funktionen. Durch die Installation verschiedener Plug-Ins können PyCharm um verschiedene Funktionen und benutzerdefinierte Funktionen erweitert werden. Daher ist es für PyCharm-Neulinge von entscheidender Bedeutung, die Installation von Plug-Ins zu verstehen und zu beherrschen. In diesem Artikel erhalten Sie eine detaillierte Einführung in die vollständige Installation des PyCharm-Plug-Ins.

Fehler beim Laden des Plugins in Illustrator [Behoben] Fehler beim Laden des Plugins in Illustrator [Behoben] Feb 19, 2024 pm 12:00 PM

Erscheint beim Starten von Adobe Illustrator eine Meldung über einen Fehler beim Laden des Plug-Ins? Bei einigen Illustrator-Benutzern ist dieser Fehler beim Öffnen der Anwendung aufgetreten. Der Meldung folgt eine Liste problematischer Plugins. Diese Fehlermeldung weist darauf hin, dass ein Problem mit dem installierten Plug-In vorliegt, es kann jedoch auch andere Gründe haben, beispielsweise eine beschädigte Visual C++-DLL-Datei oder eine beschädigte Einstellungsdatei. Wenn dieser Fehler auftritt, werden wir Sie in diesem Artikel bei der Behebung des Problems unterstützen. Lesen Sie daher weiter unten weiter. Fehler beim Laden des Plug-Ins in Illustrator Wenn Sie beim Versuch, Adobe Illustrator zu starten, die Fehlermeldung „Fehler beim Laden des Plug-Ins“ erhalten, können Sie Folgendes verwenden: Als Administrator

Was ist das Installationsverzeichnis der Chrome-Plug-in-Erweiterung? Was ist das Installationsverzeichnis der Chrome-Plug-in-Erweiterung? Mar 08, 2024 am 08:55 AM

Was ist das Installationsverzeichnis der Chrome-Plug-in-Erweiterung? Unter normalen Umständen lautet das Standardinstallationsverzeichnis von Chrome-Plug-In-Erweiterungen wie folgt: 1. Der Standard-Installationsverzeichnis-Speicherort von Chrome-Plug-Ins in Windows XP: C:\DocumentsandSettings\Benutzername\LocalSettings\ApplicationData\Google\Chrome\UserData\ Default\Extensions2. Chrome in Windows7 Der Standardinstallationsverzeichnisspeicherort des Plug-Ins: C:\Benutzer\Benutzername\AppData\Local\Google\Chrome\User

Teilen Sie drei Lösungen mit, warum der Edge-Browser dieses Plug-in nicht unterstützt Teilen Sie drei Lösungen mit, warum der Edge-Browser dieses Plug-in nicht unterstützt Mar 13, 2024 pm 04:34 PM

Wenn Benutzer den Edge-Browser verwenden, fügen sie möglicherweise einige Plug-Ins hinzu, um weitere Anforderungen zu erfüllen. Beim Hinzufügen eines Plug-Ins wird jedoch angezeigt, dass dieses Plug-In nicht unterstützt wird. Heute stellt Ihnen der Herausgeber drei Lösungen vor. Methode 1: Versuchen Sie es mit einem anderen Browser. Methode 2: Der Flash Player im Browser ist möglicherweise veraltet oder fehlt, sodass das Plug-in nicht unterstützt wird. Sie können die neueste Version von der offiziellen Website herunterladen. Methode 3: Drücken Sie gleichzeitig die Tasten „Strg+Umschalt+Entf“. Klicken Sie auf „Daten löschen“ und öffnen Sie den Browser erneut.

Unterstützt PyCharm Community Edition genügend Plugins? Unterstützt PyCharm Community Edition genügend Plugins? Feb 20, 2024 pm 04:42 PM

Unterstützt PyCharm Community Edition genügend Plugins? Benötigen Sie spezifische Codebeispiele Da die Python-Sprache im Bereich der Softwareentwicklung immer häufiger verwendet wird, wird PyCharm als professionelle integrierte Python-Entwicklungsumgebung (IDE) von Entwicklern bevorzugt. PyCharm ist in zwei Versionen unterteilt: die professionelle Version und die Community-Version. Die Community-Version wird kostenlos bereitgestellt, die Plug-in-Unterstützung ist jedoch im Vergleich zur professionellen Version eingeschränkt. Die Frage ist also: Unterstützt die PyCharm Community Edition genügend Plug-Ins? In diesem Artikel werden spezifische Codebeispiele verwendet

So verwenden Sie das WordPress-Plugin zur Implementierung der Videowiedergabefunktion So verwenden Sie das WordPress-Plugin zur Implementierung der Videowiedergabefunktion Sep 05, 2023 pm 12:55 PM

So verwenden Sie das WordPress-Plugin zur Implementierung der Videowiedergabefunktion 1. Einführung Die Verwendung von Videos auf Websites und Blogs wird immer häufiger. Um ein qualitativ hochwertiges Benutzererlebnis zu bieten, können wir WordPress-Plugins verwenden, um Videowiedergabefunktionen zu implementieren. In diesem Artikel wird die Verwendung von WordPress-Plugins zur Implementierung von Videowiedergabefunktionen vorgestellt und Codebeispiele bereitgestellt. 2. Plug-Ins auswählen WordPress bietet viele Plug-Ins für die Videowiedergabe zur Auswahl. Bei der Auswahl eines Plug-Ins müssen wir folgende Aspekte berücksichtigen: Kompatibilität: Stellen Sie sicher, dass das Plug-In vorhanden ist

So fügen Sie dem WordPress-Plugin Online-Bestellfunktionen hinzu So fügen Sie dem WordPress-Plugin Online-Bestellfunktionen hinzu Sep 05, 2023 pm 03:42 PM

So fügen Sie dem WordPress-Plugin eine Online-Bestellfunktion hinzu. Im heutigen digitalen Zeitalter haben sich viele Restaurants und Cafés dafür entschieden, den Bestellvorgang online zu verlagern, um den Bedürfnissen der Kunden gerecht zu werden. WordPress ist ein weit verbreitetes Content-Management-System (CMS) und viele Unternehmen verwenden WordPress zum Erstellen ihrer Websites. In diesem Artikel wird erläutert, wie Sie dem WordPress-Plug-in Online-Bestellfunktionen hinzufügen und entsprechende Codebeispiele bereitstellen. Schritt 1: Wählen Sie das richtige Plugin. Zuerst müssen wir ein benutzerdefiniertes Plugin in WordPress erstellen

So fügen Sie die Funktionalität des WeChat-Miniprogramms zum WordPress-Plug-in hinzu So fügen Sie die Funktionalität des WeChat-Miniprogramms zum WordPress-Plug-in hinzu Sep 06, 2023 am 09:03 AM

So fügen Sie WeChat Mini-Programmfunktionen zu WordPress-Plugins hinzu. Mit der Beliebtheit und Beliebtheit von WeChat Mini-Programmen beginnen immer mehr Websites und Anwendungen darüber nachzudenken, sie in WeChat Mini-Programme zu integrieren. Für Websites, die WordPress als Content-Management-System verwenden, kann das Hinzufügen der WeChat-Applet-Funktion den Benutzern ein komfortableres Zugriffserlebnis und mehr funktionale Auswahlmöglichkeiten bieten. In diesem Artikel erfahren Sie, wie Sie die Funktionalität des WeChat-Miniprogramms zum WordPress-Plug-in hinzufügen. Schritt 1: Registrieren Sie ein WeChat-Miniprogrammkonto. Zuerst müssen Sie die WeChat-App öffnen

See all articles