Hoe ik twee keer zo snel kan coderen als jij

We kennen allemaal tekstuitbreidingsprogramma's; hoewel ik veronderstel dat het percentage van ons die ze gebruiken bij het coderen vrij laag is. Om het een en ander wat te veranderen, ga ik vandaag over hoe u aangepaste tekst-expanscripts kunt maken die u veel tijd besparen. Als u niet bekend bent met dergelijke programma's, moet u dit bekijken! Na het bekijken van de screencast en de tutorial, zou ik graag horen hoe je tijd spaart bij het ontwikkelen.

Oké, dus ik ben meestal aan het plagen met de titel van dit artikel. Vele, vele technieken spelen een rol bij het schrijven van snelle en efficiënte code. Niettemin zult u versteld staan ​​hoeveel tijd u mogelijk kunt besparen door een eenvoudig tekstuitbreidend programma te gebruiken. Bekijk de onderstaande screencast om een ​​van mijn tricks te leren.

Waarom een ​​tekstexpander gebruiken?

Hoe vaak heb je het volgende getypt:

  

Toegegeven, het duurt slechts tien seconden of zo, maar stel je voor dat dit cijfer met 100 wordt vermenigvuldigd. Hoeveel tijd kan je potentieel besparen door een simpele toetsaanslag toe te kennen aan een codeblok? Met een tekstuitbreidend programma kan ik eenvoudig "startjs" typen (of elke andere sleutel die ik definieer), en druk op tab. Zodra ik dit heb gedaan, wordt alle bovenstaande code geplakt.

Veel IDE's bieden een sectie fragmenten. Gebruik deze zeker voor gecompliceerdere procedures. Het is echter belangrijk om in gedachten te houden dat Texter overal werkt. Het is niet afhankelijk van één specifiek programma.

Hoe snel?

Ik nam bijvoorbeeld een lege pagina van 100% en kon alle onderstaande code in ongeveer tien seconden maken, zonder te kopiëren en te plakken. Ik heb ongeveer vijf fragmenten gebruikt.

       Document zonder titel   

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimus veniam, quis nostrud exercise ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Wat je nodig hebt om te beginnen

De beste optie is om op Google te zoeken naar 'free text expander'. Er zijn tal van betaalversies, maar als je hard genoeg kijkt, zou je een paar apps moeten kunnen vinden die perfect werken. Hier zijn enkele de moeite waard overweging.

  • Texter: alleen Windows
  • FastFox: alleen Windows
  • TextExpander: alleen Mac

Uit de hierboven genoemde opties is alleen "Texter" 100% gratis. De andere twee bieden een gratis proefperiode van 30 dagen aan. Als iemand van u andere opties heeft, laat een reactie achter en ik zal deze lijst bijwerken. Voor deze tutorial gebruiken we Texter (Windows), maar de meeste technieken kunnen eenvoudig worden vertaald in een ander stuk software.

Hoe gebruik ik het?

Het is makkelijk! Pak een codeblok en plak het op je klembord. Probeer de code zo algemeen mogelijk te houden; op die manier hoef je het niet te veel te wijzigen. Open Texter of uw gewenste expander en kies een unieke sleutel. Plak vervolgens uw code in - en u bent klaar! Om het te testen, keert u terug naar uw document, typt u uw sleutel in en drukt u op tab!

Waar anders zou ik het voor gebruiken?

Ik heb letterlijk tientallen shortcuts toegewezen - gaande van eenvoudige fragmenten tot meer gecompliceerde scripts (waarover je meer te weten komt in de screencast). Sommige van mijn favorieten staan ​​hieronder:

Importeer jQuery

 // Typen jQuery + tabblad geeft me: 

Open inline Javascript dingen

 // Het typen van de beginjq + tab geeft me: 

Voeg Lipsum-tekst in

  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimus veniam, quis nostrud exercise ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Eenvoudig gemak

Vergeet de eenvoudige drie seconden tijdversnellers niet. Die tellen snel op in de loop van een week!

  

Als we een extra minuut of zo doorbrengen, kunnen we een snel script schrijven dat de cursor tussen de aanhalingstekens "src" plaatst. (Denk eraan - het doel is om de muis zo min mogelijk aan te raken.) Wijzig de optie in Texter van "Tekst" in "Script" en plak het volgende in:

 ^ LEFT ^ LEFT ^ LEFT LEFT LEFT

In dit kleine script voegen we onze afbeeldingstag toe en gebruiken we vervolgens een combinatie van "Control Left" en "Left" om onze cursor correct te plaatsen.

  • ^ = Besturing
  • + = Verschuiving
  • # = Windows-sleutel
  • ! = Alt

  • TAB = tabtoets
  • BS = backspace-toets
  • LINKS = linkerpijltoets
  • HOME = startsleutel
  • … enz.

Zelfstudie Schrijven!

Telkens wanneer we een tutorial op nettuts + plaatsen die scripts bevat, moeten we de juiste "name" - en "class" -attributen aan onze pre-tags toevoegen. Dit maakt de syntaxisaccentuering mogelijk. Bijvoorbeeld…

 
 het script van de auteur komt hier ... 

Zoals je je kunt voorstellen, kan het lastig zijn om vijftien keer per artikel die tags in te pakken of te kopiëren en te plakken. Klinkt als een geweldig gebruik voor tekstuitbreiding! Het invoegen van dat fragment in ons gekozen programma is echter niet genoeg. We moeten een eenvoudig script toevoegen. Het volgende werkt voor Texter; zorg ervoor dat je de "Script" -optie hebt geselecteerd in plaats van "Tekst".

 
ENTER ENTER
UP

Wanneer we Texter een specifieke toetsaanslag willen laten uitvoeren, wikkelen we eenvoudigweg de naam van de sleutel tussen accolades. Toen ik bijvoorbeeld aan het einde UP typte, deed ik dat omdat ik wilde dat de cursor uiteindelijk tussen de twee pre-tags terecht kwam, niet erna.

  
 (cursor staat hier rechts) 

Onthoud

Mogelijk moet u uw scripts aanpassen aan uw IDE naar keuze. Houd er rekening mee dat sommige IDE's automatische inspringing toepassen, code aanvullen, enz. Dit kan uw scripts enigszins verknoeien. Ter compensatie is het wellicht het gemakkelijkst om deze functies uit te schakelen.

Wat zijn je trucs?

Ik ben altijd op zoek naar snelkoppelingen. Het gaat erom uw uurloon zo hoog mogelijk te houden, zonder een inferieur product te produceren. Hoe bespaar je tijd bij het ontwikkelen?

Plak je scripts in de opmerkingen

Ik, en ik ben er zeker van dat de andere lezers het op prijs stellen als u uw aangepaste Texter "miniscripts" inlegt, samen met een korte beschrijving van hoe zij u helpen!

  • Abonneer u op de NETTUTS RSS-feed voor meer dagelijkse webontwikkelingen, tuts en artikelen.