🌈weisheitswissen.de

Inhalt: Startseite | Computer

Atom Editor Erweiterungen (Package)

08.08.2024 | A. R. |

Hinweis:
Der Inhalt dieser Seite bzw. Teile dieser Seite könnten nicht mehr aktuell sein. Diese werden aber nicht gelöscht, damit die Vergangenheit bzw. Geschichte (z. B. von Weisheitswissen Version 1) nicht verloren geht. Deshalb gilt hier besonders: Bitte prüfen Sie, ob die Inhalte noch aktuell oder passend sind!

Der Editor Atom vom Unternehmen Github ist ein junger Editor (erblickte im Juni 2014 das Licht der Welt). Der Editor ist OpenSource, voll hackbar und weist viele tolle Erweiterungen (einige tausend) auf. Folgend nun (m)eine Auswahl:

ARBEITSUMGEBUNG

Open Recent »
Unverzichtbar: Zeigt im File Menü eine Liste zuletzt geöffneter Dateien und Ordner an.

project-manager »
Mit den Tastenkombinationen <alt> + <shift> + <p> (bei Mac: <ctrl> + <cmd> + <p>) können Sie schnell auf eine Liste Ihrer gespeicherten Projekte zugreifen.

ANSICHT (Oberfläche)

Expose »
Schneller visueller Überblick über geöffneten Dateien. Tastaturkürzel Linux und Windows: [Alt] + [[Shift] + [e]. Mac Tastaturkürzel: [cmd] + [shift] + [e].

File-Icons »
Weist den geladenen Dateien im Atom Editor sinnvolle Icons zu.

EDITOR

ansi-to-utf8 »
Codierung von ANSI (win1252) zu utf8.

auto-convert-to-utf8 »
Automatische Konvertierung von Datei-Codierung in utf8.
Erfahrung: Die Erweiterungen ansi-to-utf8 + auto-convert-to-utf8 + html-entities verhindern kaputte Dateien.

file-watcher »
Änderungen von geladenen Dateien melden.

HTML / XHTML FUNKTIONEN

html-entities »
Kodieren und decodieren von HTML Entities.

insert-space-br »
Fügt ein: <br> sowie &nbsp; (HTML Entitie).

Simple HTMLr »
Markierten Text mit <strong>-, <em>- oder <u>-Tags einschließen. Mac Tastaturbefehle: [CMD] + [B], [CMD] + [I] oder [CMD] + [U] und Windows: <ctrl> + <b>, <ctrl> + <i> oder <ctrl> + <u>.

INSPEKTOREN / ANALYSIERER

linter »
Monitor-Tool. Fehlerjagd einfach: Linter ist ein Codeanalyser. Gibt es in diversen Ausführungen.

MINIMAP

Minimap »
Mit Minimap sehen Sie eine kleine, navigierbare Vorschau Ihrer gesamten Datei auf z.B. der rechten Seite des Editor. Zusätzlich installieren:
minimap-highlight-selected »
minimap-cursorline »
minimap-find-and-replace »
minimap-pigments »

PROGRAMMIER FUNKTIONEN

Bracket-Matcher »
Diese Erweiterung hebt die Klammerpaarung hervor plus Springfunktion (<strg> + <m>) in den Klammerpaaren.

SUCHE

find-list »
Notepad++ ähnliche Suche, welche Suchergebnisse auflistet.

SYNTAXVERVESSERUNG

atom-beautify »
Formatiert (verschönert) den Quellcode (z.B. HTML, CSS, JavaScript, PHP usw.)

Highlight Selected »
Ermöglicht alle gleichen Elemente eines markierten Elementes hervorzuheben.

highlight-line »
Sehr lesefreundlich: Die Erweiterung markiert die aktuelle Zeile im Editor.

Pigments »
Eine Erweiterung, die eine visuelle Hinterlegung von Farben im Quellcode wiedergibt.

TASTATURBEFEHLE

intellij-idea-keymap »
Grundlegende Tastaturbefehle von IntelliJ IDEA in Atom Editor übernehmen. Wer das atom-beautify-Paket installiert hat, kann dann den Code automatisch formatieren mit den Tastaturbefehl [cmd] + [alt] + [l] (Mac) oder [ctrl] + [alt] + [b] (für Windows).

keybinding-cheatsheet »
Diese Erweiterung zeigt die aktuell definierten Tastaturkürzel im Atom Editor an.

TOOLS

split-diff »
Funktion: Beim Vergleich zweier Dokumente die Unterschiede anzeigen.

timecop »
Zeigt Informationen darüber an, welche Erweiterungen den Atom Editor beim Start Zeit kosten.

Windows Explorer Context Menu »
Fügt im Windows Explorer (Context Menü) den Befehl "Open in Atom" hinzu.

TEXT FUNKTIONEN

clipboard-plus »
Zwischenablage History abrufen.

filesize »
Zeigt die Dateigröße in der Statuszeile an. Macht aber dadurch den Editor langsamer.

lines »
Fügt folgende Zeilen-Manipulationen hinzu: Sort, Reverse, Unique and Shuffle.

multi-cursor-plus »
Verbessert die Multi Cursor Funktion vom Atom Editor.

text-manipulation »
Diverse weitere Textmanipulationsbefehle.

wordcount »
Gibt in der Statuszeile Informationen z.B. über die Anzahl der Wörter oder der markierten Zeichen usw.

WEBDESIGN FUNKTIONEN

Atom HTML Preview »
Ein Live-Browser Vorschau-Tool.

emmet »
Abkürzungssystem für HTML und CSS um Code viel schneller zu schreiben. Kleine Formel wie z.B.: p[Tabulatortaste] erzeugt <p></p> oder c#f5[Tabulatortaste] ergibt color: #f5f5f5;.

less-than-slash »
Ermöglicht automatisches Schließen von HTML-Tags, wenn Zeichenfolge "</" eingetippt wird.

Links
Atom: GitHub stellt Editor ein – und verweist auf VS Code
VS Code / VSCodium Add-ons