Je partage quelques petites astuces que j’utilise souvent, n’hésitez pas à faire de même pour faire gagner du temps à tout le monde (article disponible sur LinkedIn).

Mon IDE

J’utilise VS Code. J’en ai fait un bon paquet (Brackets, Sublime Text, Notepad++, WebStorm) et je préfère VS Code pour sa rapidité, sa simplicité, sa praticité et son UI.

Les plugins inévitables

  • Mon thème : Ayu Mirage PowerUp.
  • Live Server : à chaque save la page web est actualisée toute seule, utile lorsque mise toujours visible à côté.
  • Prettier : à chaque save il formate le code pour qu’il respecte les normes et usages (indentation, 80 caractères par ligne…).
  • Simple React Snippets : pour ceux qui utilisent React, des bouts de code disponibles avec des petits raccourcis (« cc » + tab : un component tout prêt).
  • Live Sass Compiler : pour utiliser Sass sans avoir à s’embêter avec les PATH sur Windows et compagnie, le plugin compile le Sass. Super simple à paramétrer, il compile à chaque changement détecté.
  • ESLint : pour utiliser ESLint sans configurer grand chose (pour ceux qui ont un bon niveau en JS).

Les raccourcis clavier que j’utilise tout le temps :

  • Afficher / cacher le terminal : CTRL + ù.
  • Nouveau terminal : CTRL + SHIFT + ù.
  • Écrire à plusieurs endroits en même temps : clic sur un élément (par exemple div ou h1), CTRL+D et les éléments similaires seront sélectionnés (div dans /div, h1 dans /h1) et les actions au clavier seront réalisées sur toutes les sélections.
  • Déplacer du texte : sélectionner, puis ALT + flèche directionnelle haut ou bas.
  • Commenter une ou des lignes : CTRL + / ou CMD + SHIFT + / @Vanessa Maggi.
  • Retour à la ligne automatique : ALT + Z ou Option + Z @Vanessa Maggi.
  • [raccourci] + TAB : https://docs.emmet.io/cheat-sheet/ @Vanessa Maggi.