Comment je peux coder deux fois plus vite que vous

Nous connaissons tous les programmes d’extension de texte; Bien que je suppose que le pourcentage d’entre nous qui les utilisons lors du codage est assez faible. Pour changer un peu les choses, je vais vous expliquer comment créer des scripts d'extension de texte personnalisés qui vous feront gagner beaucoup de temps. Si vous n'êtes pas familier avec de tels programmes, vous devez regarder ça! Après avoir visionné le screencast et le didacticiel, j'aimerais savoir comment vous gagnez du temps lors du développement..

D'accord, alors je plaisante surtout avec le titre de cet article. Un très grand nombre de techniques interviennent dans la rédaction d'un code rapide et efficace. Néanmoins, vous serez étonné du temps que vous pouvez potentiellement gagner en utilisant un simple programme de développement de texte. Regardez le screencast ci-dessous pour apprendre un de mes tours.

Pourquoi utiliser un expandeur de texte?

Combien de fois avez-vous tapé ce qui suit:

  

Certes, cela ne prend que 10 secondes environ, mais imaginons de multiplier ce chiffre par 100. Combien de temps pouvez-vous potentiellement économiser en affectant une simple frappe à un bloc de code? Avec un programme de développement de texte, je peux simplement taper "startjs" (ou toute autre touche que je définis) et appuyer sur la touche de tabulation. Une fois que je le fais, tout le code ci-dessus sera collé dans.

De nombreux IDE offrent une section d'extraits. Utilisez-les définitivement pour des procédures plus compliquées. Cependant, il est important de garder à l'esprit que Texter fonctionne n'importe où. Cela ne dépend pas d'un programme spécifique.

À quelle vitesse?

A titre d'exemple, j'ai pris une page vierge à 100% et j'ai pu créer tout le code ci-dessous en environ dix secondes, sans copier-coller. J'ai utilisé environ cinq extraits.

       Document sans titre   

Lorem ipsum dolor sit amet, consectetur elit adipisicing, promis de faire une incarnation temporelle, et dolore magna aliqua. Tout en un minimum de poids, l’exercice de nos exercices en cours de travail, mais il n’existe que d’excellents résultats. Duis aute irure dolor in reprrehenderit 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.

Ce dont vous avez besoin pour commencer

Votre meilleure option est de faire une recherche Google pour "expandeur de texte libre". Il existe de nombreuses versions payantes, mais si vous cherchez assez, vous devriez pouvoir trouver quelques applications qui fonctionneront parfaitement. Voici quelques points à considérer.

  • Texter: Windows uniquement
  • FastFox: Windows uniquement
  • TextExpander: Mac seulement

Parmi les options énumérées ci-dessus, seul "Texter" est 100% gratuit. Les deux autres offrent un essai gratuit de 30 jours. Si l'un d'entre vous a d'autres options, laissez un commentaire et je mettrai à jour cette liste. Pour ce tutoriel, nous utiliserons Texter (Windows), mais la plupart des techniques peuvent être facilement traduites dans un logiciel différent..

Comment l'utiliser?

C'est facile! Prenez un bloc de code et collez-le dans votre presse-papiers. Essayez de garder le code aussi général que possible. De cette façon, vous n'aurez pas à le modifier trop. Ouvrez Texter, ou votre expandeur de choix, et choisissez une clé unique. Ensuite, collez votre code - et vous avez terminé! Pour le tester, revenez à votre document, tapez votre clé et appuyez sur la touche de tabulation!

Pour quoi d'autre l'utiliser?

J'ai littéralement des dizaines de raccourcis assignés - allant de simples extraits à des scripts plus compliqués (que vous découvrirez dans le screencast). Certains de mes favoris sont énumérés ci-dessous:

Importer jQuery

 // Taper jquery + tab me donne: 

Ouvrir des fichiers Javascript en ligne

 // Taper beginjq + tab me donne: 

Insérer le texte de la lèvre

  Lorem ipsum dolor sit amet, consectetur elit adipisicing, promis de faire une incarnation temporelle, et dolore magna aliqua. Tout en un minimum de poids, l’exercice de nos exercices en cours de travail, mais il n’existe que d’excellents résultats. Duis aute irure dolor in reprrehenderit 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.

Commodités simples

N'oubliez pas le simple gain de temps de trois secondes. Ceux-ci s'additionnent rapidement au cours d'une semaine!

  

Si nous passons une minute de plus, nous pouvons écrire un script rapide qui positionnera le curseur entre les guillemets "src". (Rappelez-vous que l'objectif est de toucher le moins possible la souris.) Modifiez l'option "Texte" de Texter en "Script" et collez-la comme suit:

 ^ LEFT ^ LEFT ^ LEFT LEFT LEFT

Dans ce petit script, nous ajoutons notre balise image, puis utilisons une combinaison de "Contrôle gauche" et "Gauche" pour placer notre curseur correctement.

  • ^ = Contrôle
  • + = Décalage
  • # = Clé Windows
  • ! = Alt

  • TAB = touche tab
  • BS = touche de retour arrière
  • LEFT = flèche gauche
  • HOME = touche de base
  • … etc.

Tutoriel d'écriture!

Chaque fois que nous publions un didacticiel sur nettuts + contenant des scripts, nous devons ajouter les attributs "nom" et "classe" corrects à nos balises pre. Cela permet la coloration syntaxique. Par exemple…

 
 le script de l'auteur va ici… 

Comme vous pouvez l’imaginer, il peut être difficile de taper, ou même de copier et coller, les balises de préemballage qui s’emboîtent quinze fois par article. Cela semble être un excellent usage pour développer du texte! Cependant, insérer cet extrait dans notre programme de choix ne suffit pas. Nous devons ajouter un script simple. Ce qui suit fonctionnera pour Texter; assurez-vous simplement que vous avez sélectionné l'option "Script" plutôt que "Texte".

 
ENTER ENTER
UP

Lorsque nous souhaitons demander à Texter d'effectuer une frappe spécifique, nous plaçons simplement le nom de la clé entre accolades. Par exemple, lorsque j'ai tapé UP à la toute fin, je l’ai fait parce que je voulais que le curseur finisse par se placer entre les deux balises pré, pas après..

  
 (le curseur sera juste ici) 

Garder en tete

Vous devrez peut-être modifier vos scripts pour votre IDE de choix. Gardez à l'esprit que certains IDE appliquent une indentation automatique, la complétion de code, etc. Cela peut légèrement gâcher vos scripts. Pour compenser, il pourrait être plus facile de désactiver ces fonctionnalités.

Quels sont tes astuces?

Je suis toujours à la recherche de raccourcis. Il s'agit de maintenir votre salaire horaire le plus élevé possible, sans produire de produit de qualité inférieure.. Comment gagner du temps en développant?

Collez vos scripts dans les commentaires

Je suis sûr, ainsi que les autres lecteurs, que nous apprécierions que vous colliez dans vos "mini-scripts" Texter personnalisés, ainsi qu'une brève description de la façon dont ils vous aident!

  • Abonnez-vous au flux RSS NETTUTS pour plus de commentaires et d'articles sur le développement Web au quotidien.