Zusammenfassung von Tipps und Tricks zur Textbearbeitung

Veröffentlicht: 2022-03-10
Kurze Zusammenfassung ↬ Wir haben die Smashing Community nach ihren Lieblingstipps und -tricks beim Bearbeiten von Text und Code gefragt. Bei so vielen großartigen Vorschlägen haben wir uns entschieden, sie alle in einem Artikel zu sammeln, damit Sie ihn zu Ihren nützlichen Lesezeichen hinzufügen können. Vielen Dank an alle, die sich die Zeit genommen haben, zu antworten und ihre am besten geschätzten Tools und Techniken zu teilen – wir wissen das aufrichtig zu schätzen!

Wir haben die Smashing Community nach ihren Lieblingstricks, Shortcuts und Funktionen zur Textbearbeitung gefragt, die ihnen Zeit sparen. Hier ist eine Zusammenfassung dessen, was wir als sehr nützlich empfunden haben, zusammen mit ein paar anderen Vorschlägen, die Sie vielleicht nützlich finden.

Bevorzugte Tastaturkürzel

Viele von Ihnen haben bevorzugte Tastaturkürzel. Einige davon sind Editor- oder Betriebssystem-spezifisch, obwohl Sie in vielen Fällen eine ähnliche Verknüpfung mit den von Ihnen verwendeten Tools finden können. Ich habe unten ein paar aus der Community zusammengetragen.

Ste Grainer hat einen Tipp zu den Bewegungs- und Auswahlkürzeln geteilt:

Die grundlegenden Bewegungs-/Auswahl-Shortcuts, die viele nicht kennen:

Halten Sie Cmd + Pfeiltaste gedrückt , um zum Anfang/Ende einer Zeile oder zum Anfang/Ende eines Dokuments zu wechseln.

Halten Sie Opt + Pfeiltaste gedrückt , um sich horizontal von Wort zu Wort und vertikal von Block zu Block zu bewegen.

Umschalten, um dabei auszuwählen.

Von JoFrank:

Wählen Sie alle Vorkommen der aktuellen Auswahl ( Strg + SHIFT + L in VSCode) und duplizieren Sie die Zeile/Auswahl, die ich als Strg + D eingerichtet habe.

Loris Gillet hat ein paar Lieblingskürzel zum Herumhüpfen oder Löschen von Text geteilt:

⌥ + Vorwärts-/Rückwärtspfeile ermöglicht es, zum nächsten Wort statt zum nächsten Buchstaben zu springen
⌥ + Pfeile nach oben/unten ermöglicht es, zum Anfang/Ende des Absatzes zu springen
⌥ + Backspace löscht das ganze Wort statt Buchstabe für Buchstabe.

Viele der vorgeschlagenen Tipps stammen von Webentwicklern – Tipps für die Redakteure, die sie am häufigsten verwenden. Wir haben auch Vorschläge für Android Studio von Maher Nabeel erhalten:

Im Android-Studio:
  • Strg + D — Zeile duplizieren
  • Strg + Y — Zeile löschen
  • Strg + W — Block auswählen
  • Strg + O — Methoden überschreiben
  • Strg + ALT + L — Code neu formatieren
Mehr nach dem Sprung! Lesen Sie unten weiter ↓

Cheatsheets für Editor-Shortcuts

Wie wir anhand der bereits geposteten Tipps sehen können, spart das Erlernen der Tastaturkürzel für Ihren Editor viel Zeit. Es lohnt sich immer, einen Blick darauf zu werfen, was für Ihren Editor verfügbar ist, da das Erlernen einiger dieser Tastenkombinationen im Laufe eines Tages beim Schreiben von Code viel Tipparbeit sparen kann.

Auf Twitter empfahl Tobin Saunders das Atom Editor Cheat Sheet, eine detaillierte Liste von Shortcuts für Atom. Ich habe mir auch angesehen, was für andere häufig verwendete Editoren verfügbar ist.

Visual Studio-Code

Die VS Code-Website bietet eine Reihe von herunterladbaren Cheatsheets im PDF-Format, falls Sie es nützlich finden, ein Cheatsheet ausgedruckt auf Ihrem Schreibtisch zu haben.

  • Fenster
  • Mac
  • Linux

Joel Reis bemerkte, dass Sie die Keymap-Erweiterungen herunterladen können, wenn Sie von Sublime Text, Atom, Vim oder Visual Studio zu VS Code wechseln. Das bedeutet, dass Sie die Tastaturkürzel Ihres bisherigen Editors beibehalten können. Dieser Tipp wurde Anfang dieses Jahres auch im Smashing Magazine erwähnt, als Burke Holland uns in seinem Artikel „Visual Studio Code Can Do That?

Erhabener Text

Eine gute Auswahl an Sublime Text 3-Verknüpfungen für Windows, Mac und Linux finden Sie hier.

Wir haben hier auch einen Artikel im Smashing Magazine, in dem Jai Panda einige seiner Lieblingstipps und -tricks zu Sublime Text teilt.

Anpassen Ihrer Umgebung

Unsere Tastaturen und Standard-Computereinstellungen sind eher für die Eingabe von Text als für die Eingabe von Code ausgelegt. Einige Kommentatoren haben Änderungen an ihren Standardeinstellungen vorgenommen, damit sie die Dinge, die sie am häufigsten eingeben müssen, schneller eingeben können.

Alex Semenikhine machte diesen Vorschlag:

Ich minimiere die Häufigkeit, mit der ich die Umschalttaste gedrückt halten und eine Taste drücken muss. Wenn ich viel häufiger Klammern ( ( ) ) mache als 9 und 0 , passe ich die Tastatur an, um dies widerzuspiegeln, meine 9 ist ( und Shift + 9 ist 9 usw.

Paul van den Tool stellt „Key Repeat“ und „Delay Until Repeat“ auf die höchste Stufe, damit sein Cursor „über den Bildschirm fliegt, wenn er die Pfeile benutzt“.

Jaron Barends erzählte uns, wie er „ Alt + erstellte ; als Abkürzung, um ein Semikolon am Ende einer aktuellen Zeile einzufügen.“

Mit Emmet

Einige Leute erwähnten das Texterweiterungssystem von Emmet. Wenn Sie viel HTML und CSS von Hand codieren, kann Emmet Ihnen viel Zeit beim Tippen ersparen. Beim Schreiben von HTML sind Emmet-Abkürzungen jedem bekannt, der CSS versteht. Wenn Sie beispielsweise eine ungeordnete Liste in einem div -Element erstellen möchten, können Sie Folgendes verwenden:

 div>ul>li

Daraus würde sich dann ergeben:

 <div> <ul> <li></li> </ul> </div>

Die Abkürzung ist genau der Selektor, der das li in CSS auswählen würde. Ein div mit einem ul als direkt untergeordnetem Element und einem li als direkt untergeordnetem Element von ul . Werfen Sie einen Blick auf das Emmet Cheat Sheet für weitere Beispiele.

Emmet ist in VS Code integriert und als Plugin für viele andere Editoren verfügbar.

Verwenden Sie einen Zwischenablage-Manager

Erik Verbeek schlägt vor, einen Zwischenablage-Manager zu verwenden, damit Sie kopierten Code aus dem Verlauf abrufen können. Er schlägt vor, ClipMenu für OS X zu verwenden, das leider eingestellt zu werden scheint.

Ähnliche Tools sind:

  • CopyClip für MacOS
  • PasteBot für MacOS
  • Dito für Windows
  • 1Zwischenablage Windows und MacOS (derzeit in Beta)

Viele Editoren enthalten auch einen Zwischenablageverlauf für Kopier- und Einfügeaktionen innerhalb des Editors. Auf Twitter stellte @codevoodoo fest, dass Webstorm eine solche Funktion hatte. Es gibt eine Clipboard History-Erweiterung für VS Code und ein Paket für Atom; Sublime Text hat dies eingebaut, wie dieses Tutorial zum Verlauf der Zwischenablage von Sublime Text erklärt.

Eine Sammlung empfohlener Tools

In den Kommentaren wurden einige spezifische Tools empfohlen, daher finden Sie hier eine Zusammenfassung nützlicher Tools, von denen Sie vielleicht noch nichts gehört haben.

Vim

Leute, die Vim mögen, mögen Vim wirklich sehr. Es ist sicherlich mit einer Lernkurve verbunden, aber wenn Sie sehr daran interessiert sind, Ihre Tastaturbearbeitung zu optimieren, wird sich die investierte Zeit wahrscheinlich lohnen. Wie Jess Telford betont, können Sie 13k , um den Cursor um 13 Zeilen nach oben zu bewegen.

Werfen Sie einen Blick auf das Vim Cheat Sheet für eine Liste von Befehlen. Sie können die Vim-Emulation in vielen anderen Editoren verwenden. Die zuvor erwähnte Tastenzuordnung für VS Code umfasst Zuordnungen für Vim, und es ist auch ein Plugin für Atom verfügbar.

Hübscher

Prettier ist ein Open-Source-Tool zur eigensinnigen Codeformatierung. Die Verwendung von Prettier stellt sicher, dass der gesamte Code in einem konsistenten Stil formatiert ist. Das ist unglaublich hilfreich bei der Arbeit im Team, da dadurch ein einheitlicher Stil durchgesetzt wird, ohne dass sich jemand wirklich Gedanken darüber machen muss.

Für mehrere Editoren stehen Downloads zur Verfügung, damit Sie Prettier in jeder beliebigen Umgebung verwenden können.

AutoHotkey

Ich hatte bis zu diesem Vorschlag von @Hobbesenero noch nichts von dem Tool AutoHotkey gehört. AutoHotkey ist eine Automatisierungs-Skriptsprache für Windows. Mithilfe der Skriptsprache können Sie Verknüpfungen für allgemeine Aufgaben erstellen, z. B. zum Einfügen einer Vorlage.

Konvertieren von Textformaten mit Pandoc

Eines meiner Lieblingstools ist Pandoc. Ich verwende Pandoc, wenn ich ein Textformat in ein anderes konvertieren muss. Eines der wirklich nützlichen Dinge, die Pandoc tun kann, ist die Umwandlung von HTML oder Markdown in das EPUB-Format. Ich mache das häufig, um eine Reihe von Notizen in eine Datei umzuwandeln, die ich mit iBooks auf meinem iPad lesen kann. Ich tue dies, um einen leicht zugänglichen Satz von Notizen für meine Workshops zu haben oder um lange Dokumentationen in ein leicht lesbares Offline-Format umzuwandeln, um sie im Flugzeug zu lesen.

Pandoc kann von und in viele verschiedene Dateiformate konvertieren. Neben dem schnellen Erstellen von EPUB-Dateien verwende ich es auch, um Kopien von Word-Dokumenten in Markdown oder andere nützliche Formate zu konvertieren. Dies kann sehr nützlich sein, wenn Sie eine unordentliche Kopie von einem Client erhalten, der konvertiert werden muss, um in ein CMS aufgenommen zu werden.

TextExpander und Typinator

TextExpander ist für MacOS und Windows verfügbar und ist ein Tool, mit dem Sie Snippets erstellen können, die mithilfe von Tastaturkürzeln oder gängigen Abkürzungen eingefügt werden können. TextExpander wurde von Anders Noren empfohlen. Wenn Sie eine Lösung bevorzugen, die kein Abonnementdienst ist, können Sie Typinator ausprobieren.

Diese Texterweiterungstools können außerhalb des Schreibens von Code nützlich sein. Wenn Sie häufig dieselben Informationen als Antwort auf E-Mails oder Supportanfragen eingeben, kann sich das Erstellen einer Verknüpfung zum Einfügen dieses Textes in Bezug auf die Zeitersparnis schnell auszahlen.

Textwascher

Textwasher wird auf Facebook von Dennis Germundal empfohlen und ist ein sehr einfaches Tool zum Reinigen von Textformatierungen.

Fügen Sie Ihre Vorschläge in den Kommentaren hinzu

Es gibt eine Vielzahl von Möglichkeiten zur Steigerung der Produktivität in den Tools, die wir täglich verwenden, und es ist auch unglaublich einfach, sie vollständig zu übersehen. Ich hoffe, dass unter diesen Vorschlägen auch etwas für Sie zum Ausprobieren dabei ist. Oder vielleicht ist dies eine Aufforderung für Sie, etwas tiefer in die Dokumentation für Ihre Editoren und andere Tools einzudringen. Ich bin auf jeden Fall dazu inspiriert worden.

Wenn Sie den Tweet verpasst haben und einige tolle Tipps zum Teilen haben, dann fügen Sie sie zu den Kommentaren hinzu. Wir würden sie gerne hören!