Trucs et astuces pour l'édition de texte Roundup

Nous avons demandé à la communauté Smashing ses conseils et astuces préférés lors de l'édition de texte et de code. Avec tant de bonnes suggestions, nous avons décidé de les rassembler en un seul article afin que vous puissiez l'ajouter à vos signets utiles. Merci à tous ceux qui ont pris le temps de répondre et de partager leurs techniques et outils les plus appréciés. Nous l'apprécions sincèrement!

Nous avons demandé à la communauté Smashing pour ses astuces, ses raccourcis et ses fonctionnalités favoris pour gagner du temps. Voici un résumé de ce que nous avons trouvé très utile avec quelques autres suggestions que vous pourriez trouver utiles.

Raccourcis clavier préférés

Beaucoup d'entre vous ont des raccourcis clavier favoris. 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.

Ste Grainer a partagé un conseil sur les raccourcis du mouvement et de la sélection :

Les raccourcis de mouvement / sélection de base que beaucoup ignorent:

Tenir Cmd + Flèche Clavier pour aller au début / fin d'une ligne ou en haut / en bas d'un document.

Tenir Opt + Flèche Clavier pour déplacer mot à mot horizontalement et bloquer pour bloquer verticalement

Déplacer pour sélectionner en faisant ceux

De Jo Frank :

Sélectionner tous les occurrences de sélection courante ( Ctrl + MAJ + L dans VSCode) et une double ligne / sélection que j'ai créée comme Ctrl +

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

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

Bon nombre des conseils suggérés proviennent de développeurs Web – conseils pour les éditeurs qu'ils utilisent le plus souvent. Maher Nabeel :

Dans Android Studio:

• Afficher plus de suggestions [] Y - Supprimer la ligne
• Ctrl + W - Sélectionner le bloc
• Ctrl + O - Surcharger les méthodes
• Ctrl + ALT + L - Code reformaté

Editeur Shortcut Cheatsheets

Comme nous pouvons le voir sur les conseils déjà postés, apprendre les raccourcis clavier pour votre éditeur permet d'économiser beaucoup de temps. Il est toujours intéressant de jeter un coup d'œil à ce qui est disponible pour votre éditeur, car l'apprentissage de quelques-uns de ces raccourcis peut vous éviter de taper beaucoup au cours d'une journée d'écriture de code.

Sur Twitter, Tobin Saunders a recommandé le Atom Editor Cheat Sheet qui est une liste détaillée des raccourcis pour Atom. J'ai également jeté un coup d'oeil à ce qui était disponible pour d'autres éditeurs fréquemment utilisés.

Visual Studio Code

Le site VS Code a un certain nombre de cheatsheets téléchargeables au format PDF, si vous trouvez utile de garder un cheatsheet imprimé sur

Joel Reis a noté que si vous passez à VS Code de Sublime Text, Atom, Vim ou Visual Studio, alors vous pouvez télécharger les extensions de keymap . Cela signifie que vous pouvez gérer les raccourcis clavier de votre éditeur précédent. Cette astuce a également été notée sur Smashing Magazine plus tôt cette année quand 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 peut faire ça? ] "

Sublime Text

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

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

Personnaliser votre environnement

Nos claviers et paramètres par défaut sont plus conçus pour taper du texte que pour taper du code. Certains commentateurs ont apporté des modifications à leurs valeurs par défaut afin de les rendre plus rapides à taper les éléments dont ils ont le plus souvent besoin.

Alex Semenikhine a fait cette suggestion:

Je minimise le nombre de fois avoir à tenir Shift 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 définit sa "Répétition Clé" et "Délai jusqu'à Répéter" à leur réglage le plus élevé afin que son curseur "vole juste à travers l'écran en utilisant les flèches."

Jarón Barends nous a dit il, "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 texte Emmet Si vous codez beaucoup de HTML et de CSS, Emmet peut vous faire gagner beaucoup de temps de frappe: en écrivant du HTML, les abréviations d'Emmet seront familières à quiconque comprend CSS. Par exemple, si vous voulez 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:

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

Emmet est intégré dans VS Code et est disponible sous forme de plugin pour de nombreux autres éditeurs. Manager

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

Des outils similaires incluent:

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

Une collection d'outils recommandés

Il y avait quelques outils spécifiques recommandés dans les commentaires, alors voici un Vous avez peut-être entendu parler d'un ensemble d'outils utiles

Vim

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

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

Prettier

Prettier est un open-source opinionated outil de formatage de code. L'utilisation de Prettier garantit que tout le code est formaté en un style cohérent. Ceci est incroyablement 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.

Il y a des téléchargements disponibles pour plusieurs éditeurs afin que vous puissiez utilisez 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. En utilisant le langage de script, vous pouvez créer des raccourcis pour les tâches courantes, par exemple pour insérer un modèle.

Convertir des formats de texte avec Pandoc

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

Pandoc peut convertir de et vers de nombreux formats de fichiers différents. En plus de créer des fichiers EPUB rapides, je l'utilise également pour convertir une copie de documents Word en Markdown ou d'autres formats utiles. Cela peut être très utile si vous obtenez une copie désordonnée d'un client qui doit être converti 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 Norén . Si vous préférez une solution qui n'est pas un service d'abonnement, vous pouvez essayer Typinator .

Ces outils d'extension de texte peuvent être utiles en dehors de l'écriture de code. Si vous vous trouvez souvent en train de taper la même information en réponse à des courriels ou à des demandes de soutien, créer un raccourci pour insérer ce texte peut rapidement rapporter des dividendes en termes de gain de temps.

Textwasher

Recommandé sur Facebook par Dennis Germundal, [19459099Textwasher est un outil très simple pour nettoyer n'importe quel formatage à partir du texte.

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

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

(il)