Récapitulatif des trucs et astuces pour l'édition de texte

Nous avons demandé à la communauté Smashing leurs astuces, raccourcis et fonctionnalités d'édition de texte préférés qui leur font gagner du temps. Voici un résumé de ce que nous avons trouvé très utile, ainsi que quelques autres suggestions qui pourraient vous être utiles.

Raccourcis clavier favoris

Beaucoup d'entre vous ont des raccourcis clavier préférés. Certains d'entre eux seront spécifiques à l'éditeur ou au système d'exploitation, bien que dans de nombreux cas, vous puissiez trouver un raccourci similaire avec les outils que vous utilisez. J'ai rassemblé quelques-uns de la communauté ci-dessous.

Ste Grainer a partagé une astuce sur les raccourcis de déplacement et de sélection :

Les raccourcis de base de mouvement/sélection que beaucoup ne connaissent pas :

Maintenez Cmd + Flèche directionnelle pour vous déplacer au début/à la fin d'une ligne ou au haut/bas d'un document.

Maintenez les touches Opt + Flèche enfoncées pour déplacer un mot à l'autre horizontalement et bloquer pour bloquer verticalement.

Shift pour sélectionner tout en faisant ceux-ci.

De Jo Frank :

Sélectionnez toutes les occurrences de la sélection actuelle ( Ctrl + SHIFT + L dans VSCode) et dupliquez la ligne/sélection que j'ai configurée en tant que Ctrl + D .

Loris Gillet a partagé quelques raccourcis favoris pour parcourir ou supprimer du texte :

⌥ + flèches avant/arrière permettent de passer au mot suivant au lieu de la lettre suivante
⌥ + flèches haut/bas permettent de sauter au début/à la fin du paragraphe
⌥ + Backspace supprime le mot entier au lieu de lettres par lettres.

La plupart des conseils suggérés provenaient de développeurs Web - des conseils pour les éditeurs qu'ils utilisaient le plus fréquemment. Nous avons également reçu des suggestions pour Android Studio de Maher Nabeel :

Dans Android Studio :

• Ctrl + D - Ligne dupliquée
• Ctrl + Y - Supprimer la ligne
• Ctrl + W — Sélectionner le bloc
• Ctrl + O - Remplacer les méthodes
• Ctrl + ALT + L - Reformater le code

Aide-mémoire sur les raccourcis de l'éditeur

Comme nous pouvons le voir dans les conseils déjà publiés, apprendre les raccourcis clavier de votre éditeur permet de gagner beaucoup de temps. Il vaut toujours la peine de jeter un coup d'œil à ce qui est disponible pour votre éditeur, car apprendre quelques-uns de ces raccourcis peut économiser beaucoup de frappe au cours d'une journée d'écriture de code.

Sur Twitter, Tobin Saunders a recommandé la feuille de triche de l'éditeur Atom qui est une liste détaillée de raccourcis pour Atom. J'ai également jeté un coup d'œil à ce qui était disponible pour d'autres éditeurs fréquemment utilisés.

Code Visual Studio

Le site Web de VS Code propose un certain nombre de feuilles de triche téléchargeables au format PDF, si vous trouvez utile de conserver une feuille de triche imprimée sur votre bureau.

• les fenêtres
• Mac
• Linux

Joel Reis a noté que si vous passez à VS Code à partir de Sublime Text, Atom, Vim ou Visual Studio, vous pouvez télécharger les extensions de keymap. Cela signifie que vous pouvez conserver les raccourcis clavier de votre ancien éditeur. Cette astuce a également été notée sur Smashing Magazine plus tôt cette année lorsque Burke Holland a partagé avec nous certaines des choses que vous pourriez être surpris de découvrir que VS Code peut faire, dans son article "Visual Studio Code Can Do That?"

Texte sublime

Une bonne sélection de raccourcis Sublime Text 3 pour Windows, Mac et Linux peut être trouvée ici.

Nous avons également un article ici sur Smashing Magazine dans lequel Jai Panda partage certains de ses trucs et astuces Sublime Text préférés.

Personnalisation de votre environnement

Nos claviers et paramètres d'ordinateur par défaut sont davantage conçus pour la saisie de texte que pour la saisie de code. Certains commentateurs ont modifié leurs valeurs par défaut afin d'accélérer la saisie des éléments dont ils ont le plus souvent besoin.

Alex Semenikhine a fait cette suggestion :

Je minimise le nombre de fois où je dois maintenir la touche Maj enfoncée et appuyer sur un bouton. Si je fais des parenthèses ( ( ) ) beaucoup plus souvent que j'utilise 9 et 0 , je personnalise le clavier pour refléter cela, mon 9 est ( et Shift + 9 est 9 , etc.

Paul van den Tool règle ses 'Key Repeat' et 'Delay Until Repeat' à leur réglage le plus élevé afin que son curseur "vole simplement sur l'écran lors de l'utilisation des flèches".

Jaron Barends nous a raconté comment il, « a créé Alt + ; comme raccourci pour insérer un point-virgule à la fin d'une ligne courante.

Utiliser Emmet

Un certain nombre de personnes ont mentionné le système d'expansion de texte d'Emmet. Si vous codez beaucoup de HTML et de CSS à la main, Emmet peut vous faire gagner beaucoup de temps de frappe. Lors de l'écriture de HTML, les abréviations d'Emmet seront familières à quiconque comprend CSS. Par exemple, si vous souhaitez créer une liste non ordonnée à l'intérieur d'un élément div , vous pouvez utiliser ce qui suit :

 div>ul>li

Qui deviendrait alors :

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

L'abréviation est exactement le sélecteur qui sélectionnerait le li en CSS. Un div avec un ul comme enfant direct et un li comme enfant direct de ul . Jetez un œil à la feuille de triche Emmet pour plus d'exemples.

Emmet est intégré à VS Code et est disponible en tant que plugin pour de nombreux autres éditeurs.

Utiliser un gestionnaire de presse-papiers

Erik Verbeek suggère d'utiliser un gestionnaire de presse-papiers afin que vous puissiez récupérer le code copié de l'historique. Il suggère d'utiliser ClipMenu pour OS X, qui semble malheureusement être abandonné.

Des outils similaires incluent :

• CopyClip pour MacOS
• PasteBot pour MacOS
• Idem pour Windows
• 1Presse-papiers Windows et MacOS (actuellement en version bêta)

De nombreux éditeurs incluent également un historique du presse-papiers pour les actions de copier-coller dans l'éditeur. Sur Twitter, @codevoodoo a noté que Webstorm avait une telle fonctionnalité. Il existe une extension Clipboard History pour VS Code et un package pour Atom ; Sublime Text l'a intégré, comme l'explique ce didacticiel sur l'historique du presse-papiers Sublime Text.

Une collection d'outils recommandés

Il y avait quelques outils spécifiques recommandés dans les commentaires, voici donc un tour d'horizon d'outils utiles dont vous n'avez peut-être pas entendu parler.

Vigueur

Les gens qui aiment Vim, aiment vraiment Vim. Cela s'accompagne certainement d'une courbe d'apprentissage, cependant, si vous êtes très désireux d'optimiser l'édition de votre clavier, le temps investi en vaudra probablement la peine. Comme le souligne Jess Telford, vous pouvez faire des choses comme taper 13k pour déplacer le curseur de 13 lignes vers le haut.

Jetez un œil à la Vim Cheat Sheet pour une liste de commandes. Vous pouvez utiliser l'émulation Vim dans de nombreux autres éditeurs. Le mappage de touches mentionné précédemment pour VS Code inclut des mappages pour Vim, et un plugin est également disponible pour Atom.

Plus jolie

Prettier est un outil de formatage de code opiniâtre open source. L'utilisation de Prettier garantit que tout le code est formaté selon un style cohérent. Ceci est extrêmement utile lorsque vous travaillez en équipe car cela signifie qu'un style cohérent est appliqué, sans que personne n'ait vraiment besoin d'y penser.

Des téléchargements sont disponibles pour plusieurs éditeurs, afin que vous puissiez utiliser Prettier dans l'environnement que vous avez choisi.

AutoHotkey

Je n'avais pas entendu parler de l'outil AutoHotkey jusqu'à cette suggestion de @Hobbesenero. AutoHotkey est un langage de script d'automatisation pour Windows. À l'aide du langage de script, vous pouvez créer des raccourcis pour les tâches courantes, par exemple, pour insérer un modèle.

Conversion de formats de texte avec Pandoc

Un de mes outils préférés est Pandoc. J'utilise Pandoc lorsque j'ai besoin de convertir un format de texte en un autre. L'une des choses vraiment utiles que Pandoc peut faire est de transformer HTML ou Markdown au format EPUB. Je le fais souvent pour transformer un ensemble de notes en un fichier que je peux lire avec iBooks sur mon iPad. Je fais cela afin d'avoir un ensemble de notes facilement accessible pour mes ateliers ou pour transformer une longue documentation en un format hors ligne facile à lire à lire dans un avion.

Pandoc peut convertir depuis et vers de nombreux formats de fichiers différents. En plus de créer des fichiers EPUB rapides, je l'utilise également pour convertir des copies de documents Word en Markdown ou en d'autres formats utiles. Cela peut être très utile si vous obtenez une copie désordonnée d'un client qui doit être convertie pour entrer dans un CMS.

TextExpander et Typinator

TextExpander est disponible pour MacOS et Windows et est un outil qui vous aide à créer des extraits qui peuvent être insérés à l'aide de raccourcis clavier ou d'abréviations courantes. TextExpander a été recommandé par Anders Noren. Si vous préférez une solution qui n'est pas un service d'abonnement, vous pouvez essayer Typinator.

Ces outils d'expansion de texte peuvent être utiles en dehors de l'écriture de code. Si vous vous retrouvez souvent à taper les mêmes informations en réponse à des e-mails ou à des demandes d'assistance, la création d'un raccourci pour insérer ce texte peut rapidement rapporter des dividendes en termes de gain de temps.

Laveur de texte

Recommandé sur Facebook par Dennis Germundal, Textwasher est un outil très simple pour nettoyer toute mise en forme du texte.

Ajoutez vos suggestions dans les commentaires

Il existe un grand nombre de façons d'améliorer la productivité dans les outils que nous utilisons tous les jours, et il est également incroyablement facile de les ignorer complètement. J'espère que parmi ces suggestions, il y aura quelque chose à essayer. Ou peut-être que cela vous incitera à approfondir un peu la documentation de vos éditeurs et autres outils. J'ai certainement été inspiré à le faire.

Si vous avez manqué le tweet et que vous avez d'excellents conseils à partager, ajoutez-les aux commentaires. Nous serions ravis de les entendre !