De quels outils avons nous besoin pour développer en Javascript ? Dans cet article nous allons découvrir un ensemble de logiciels et d'outils que je vous recommande afin de réaliser au mieux vos applications. Et là vous devez vous dire :

Mais alors qu'entends-tu par « au mieux » Andréas ?

Et bien de bon outils améliorent la productivité d'un développeur, ils vous permettrons de grandement vous simplifier la tâche au fur-et-à-mesure que vous les maitriserez.

Commençons sur les chapeaux de roues avec l'outil favoris du développeur :

L'environnement de développement

Un IDE ou Integrated Development Environment est un logiciel permettant d'aider les développeurs à la rédaction et au deboggage de code sources. Il fournit des fonctionnalités comme l'autocomplétion, une recherche avancée de contenus de fichiers et/ou des outils de tests.

C'est l'outil indispensable pour les développeurs aujourd'hui.

On peut regrouper les IDE en plusieurs familles : gratuit/payant et léger ou lourds.

Les IDE lourds, tel que les outils de la société Jetbrains embarquent bons nombres de fonctionnalités de base vous aidant à développer. Logiciels propriétaires, ils sont généralement payants, mais leur avantages et retour sur investissement ne sont pas à négliger, ces outils sont de vrais petites ! Si vous débutez cependant, je ne vous conseille pas d'investir dans de tels outils payants immédiatement. Prenez le temps de comprendre les fondamentaux au préalable avec des outils open-source qui suffiront amplement.

La seconde famille sont les logiciels légers et modulaires, dont vous pouvez étendre les fonctionnalités par le biais d'extensions, généralement développées par la communauté. Dans cette famille je recommande l'utilisation d'un éditeur simple, performant et très modulaire, c'est le tenant du genre de part sa richesse en développements communautaire, je parle bien évidemment de VScode le programme développé par Microsoft (et oui je te vois venir :D : Microsoft sait faire des bons produits !).

VScode est la référence des IDE pour le développement Javascript !

Fonctionnel sur Windows, Mac et Linux, supportant de nombreux langages, notamment via ses extensions il vous permettra de faire tout ce dont nous avons besoin pour la suite de ce nous allons aborder dans ce blog :)

SPOILER : Ce que vous êtes entrain de lire à été produit en utilisant VSCode uniquement, même pour le contenu des articles :)

Vous pouvez télécharger VSCODE à l'adresse suivante suivante ! Je n'ai aucun conflits d'intérêts dans cette histoire, ceci n'est que le reflet de mon expérience personnelle :)

Une fois installé, idéalement il convient de le personnaliser, pour cela je vous conseil de choisir un thème de couleurs : pour ma part j'utilise GATITO theme, mais vous pouvez prendre celui que vous souhaitez.

Ensuite il vous faudra un thème d'icônes pour que les dossiers de l'arborescence ressemblent à quelque chose, pour cela faites la manipulation suivante.

Voici quelques extensions que j'utilise et vous recommande pour améliorer l'outil de base, c'est très simple à installer je vous laisse vous débrouiller sur ce sujet :p :

  • Auto Close Tag
  • Auto Rename Tag
  • Debugger for Chrome
  • Document This
  • DotENV
  • EditorConfig for VS Code
  • Gatito Theme
  • Git History
  • GItlens - Git supercharged
  • GraphQL
  • IntelliK IDEA Keybindings (Pour avoir les mêmes raccourcis que dans les outils jetbrains ;) )
  • Markdown All in One
  • Prettier - Code formatter
  • React Native Snippet
  • React Native tools
  • React-native/React/Redux snippets
  • Terminal Launcher

Voilà ! Vous êtes prêts, je vous laisse découvrir par vous même les fonctionnalités phares de l'outil tel que Intellisense, l'ensemble des fonctionnalités qui fait que VSCode envoie du lourd ! Autocomplétion, code hinting, content assist…