Wie kann ich zweimal so schnell wie Sie kodieren?

Wir sind alle mit Texterweiterungsprogrammen vertraut. Ich würde jedoch vermuten, dass der Prozentsatz von uns, der sie beim Codieren verwendet, ziemlich niedrig ist. Um die Dinge ein wenig zu ändern, gehe ich Ihnen heute vor, wie Sie benutzerdefinierte Textexpander-Skripts erstellen, mit denen Sie viel Zeit sparen. Wenn Sie mit solchen Programmen nicht vertraut sind, müssen Sie dies beobachten! Nach der Durchsicht des Screencasts und des Tutorials würde ich gerne hören, wie Sie beim Entwickeln Zeit sparen.

Okay - ich ärgere mich hauptsächlich mit dem Titel dieses Artikels. Viele, viele Techniken tragen dazu bei, schnellen und effizienten Code zu schreiben. Trotzdem werden Sie erstaunt sein, wie viel Zeit Sie durch die Verwendung eines einfachen Texterweiterungsprogramms sparen können. Schauen Sie sich den Screencast unten an, um einen meiner Tricks zu lernen.

Warum einen Textexpander verwenden??

Wie oft haben Sie Folgendes eingegeben:

  

Zugegeben, es dauert nur etwa zehn Sekunden, aber stellen Sie sich vor, Sie multiplizieren diese Zahl mit 100. Wie viel Zeit können Sie möglicherweise sparen, wenn Sie einem Codeblock einen einfachen Tastendruck zuweisen? Mit einem Text-Erweiterungsprogramm kann ich einfach "startjs" (oder eine andere von mir definierte Taste) eingeben und die Tabulatortaste drücken. Sobald ich dies getan habe, wird der gesamte Code oben eingefügt.

Viele IDEs bieten einen Ausschnitt. Verwenden Sie diese auf jeden Fall für kompliziertere Verfahren. Es ist jedoch wichtig zu wissen, dass Texter überall funktioniert. Es ist nicht von einem bestimmten Programm abhängig.

Wie schnell?

Als Beispiel nahm ich eine 100% leere Seite und konnte den folgenden Code in etwa zehn Sekunden erstellen, ohne zu kopieren und einzufügen. Ich habe ungefähr fünf Ausschnitte verwendet.

       Unbenanntes Dokument   

Lorem ipsum dolor sitzen amet, consectetur adipisicing elit, sed do eiusmod temporary incididunt ut labore und dolore magna aliqua. Ut enim ad minim veniy, quis nostrud ausüben ullamco laboris nisi ut aliquip ex a commodo follat. Duis auture irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nicht proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Was Sie brauchen, um loszulegen

Die beste Option ist eine Google-Suche nach "Freitext Expander". Es gibt viele kostenpflichtige Versionen, aber wenn Sie stark genug schauen, sollten Sie in der Lage sein, ein paar Apps zu finden, die perfekt funktionieren. Hier sind einige Überlegungen wert.

  • Texter: Nur Windows
  • FastFox: Nur für Windows
  • TextExpander: Nur für Mac

Von den oben aufgeführten Optionen ist nur "Texter" 100% kostenlos. Die anderen beiden bieten eine 30-Tage-Testversion an. Wenn einer von Ihnen andere Optionen hat, lassen Sie einen Kommentar und ich werde diese Liste aktualisieren. In diesem Lernprogramm verwenden wir Texter (Windows). Die meisten Techniken lassen sich jedoch leicht in eine andere Software übersetzen.

Wie benutze ich es?

Es ist einfach! Schnappen Sie sich einen Codeblock und fügen Sie ihn in Ihre Zwischenablage ein. Versuchen Sie, den Code so allgemein wie möglich zu halten. Auf diese Weise müssen Sie es nicht zu sehr ändern. Öffnen Sie Texter oder Ihren Expander Ihrer Wahl und wählen Sie einen eindeutigen Schlüssel. Als nächstes fügen Sie Ihren Code ein - und fertig! Um es zu testen, kehren Sie zu Ihrem Dokument zurück, geben Sie Ihren Schlüssel ein und drücken Sie die Tabulatortaste!

Wofür würde ich es sonst verwenden??

Ich habe buchstäblich Dutzende von Tastenkombinationen zugewiesen - von einfachen Ausschnitten bis zu komplizierteren Skripts (die Sie im Screencast kennen lernen). Einige meiner Favoriten sind unten aufgeführt:

Importiere jQuery

 // Wenn Sie jquery + tab eingeben, erhalten Sie Folgendes: 

Inline Javascript Stuff öffnen

 // Die Eingabe von beginjq + tab gibt mir Folgendes: 

Lipsum-Text einfügen

  Lorem ipsum dolor sitzen amet, consectetur adipisicing elit, sed do eiusmod temporary incididunt ut labore und dolore magna aliqua. Ut enim ad minim veniy, quis nostrud ausüben ullamco laboris nisi ut aliquip ex a commodo follat. Duis auture irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nicht proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Einfache Annehmlichkeiten

Vergessen Sie nicht die einfachen Zeitsekunden von drei Sekunden. Diese summieren sich schnell über eine Woche!

  

Wenn wir eine zusätzliche Minute verbringen, können wir ein schnelles Skript schreiben, das den Cursor zwischen die Anführungszeichen "src" setzt. (Denken Sie daran - das Ziel ist, die Maus so wenig wie möglich zu berühren.) Ändern Sie die Option in Texter von "Text" in "Skript" und fügen Sie Folgendes ein:

 ^ LINKS ^ LINKS ^ LINKS LINKS LINKS

In diesem kleinen Skript fügen wir unser Bild-Tag hinzu und verwenden dann eine Kombination aus "Links steuern" und "Links", um den Cursor richtig zu positionieren.

  • ^ = Kontrolle
  • + = Shift
  • # = Windows-Taste
  • ! = Alt

  • TAB = Tabulatortaste
  • BS = Rücktaste
  • LEFT = linke Pfeiltaste
  • HOME = Home-Taste
  • … usw.

Tutorial schreiben!

Jedes Mal, wenn wir ein Tutorial zu nettuts + veröffentlichen, das Skripts enthält, müssen wir den pre-Tags die korrekten Attribute "name" und "class" hinzufügen. Dies ermöglicht die Syntaxhervorhebung. Zum Beispiel…

 
 Autoren-Skript geht hier ... 

Wie Sie sich vorstellen können, kann es ein Problem sein, diese Umhüllungs-Tags pro Artikel fünfzehn Mal einzugeben oder sogar zu kopieren und einzufügen. Klingt nach einer großartigen Verwendung für die Erweiterung von Texten! Es reicht jedoch nicht aus, diesen Ausschnitt in unser Programm der Wahl einzufügen. Wir müssen ein einfaches Skript hinzufügen. Folgendes wird für Texter funktionieren; Stellen Sie sicher, dass Sie die Option "Skript" anstelle von "Text" ausgewählt haben..

 
ENTER ENTER
OBEN

Wenn wir Texter anweisen möchten, einen bestimmten Tastenanschlag auszuführen, wird der Name des Schlüssels einfach in geschweifte Klammern gesetzt. Als ich zum Beispiel am Ende UP eingegeben habe, tat ich dies, weil ich wollte, dass der Cursor letztendlich zwischen den beiden pre-Tags landet, nicht danach.

  
 (Cursor ist hier richtig) 

Merken Sie sich

Möglicherweise müssen Sie Ihre Skripts für die gewünschte IDE optimieren. Beachten Sie, dass einige IDEs eine automatische Einrückung, Code-Vervollständigung usw. anwenden. Dies kann Ihre Skripte etwas vermasseln. Zum Ausgleich ist es möglicherweise am einfachsten, diese Funktionen zu deaktivieren.

Was sind deine Tricks??

Ich bin immer auf der Suche nach Verknüpfungen. Es geht darum, den Stundenlohn so hoch wie möglich zu halten, ohne ein minderwertiges Produkt zu produzieren. Wie sparen Sie beim Entwickeln Zeit??

Fügen Sie Ihre Skripte in die Kommentare ein

Ich bin mir sicher, die anderen Leser würden es sehr begrüßen, wenn Sie Ihre benutzerdefinierten Texter-Mini-Skripts zusammen mit einer kurzen Beschreibung einfügen, wie sie Ihnen helfen!

  • Abonnieren Sie den NETTUTS-RSS-Feed für mehr tägliche Webentwicklungsberichte und -artikel.