Configuration de l'environnement de développement

5.1 Choisir un IDE

Pour écrire des programmes, il faut écrire des programmes. Il y a une logique dans cette citation. Mais pour commencer à écrire des programmes, il faut installer un IDE (un programme spécial pour écrire des programmes) et créer le premier projet.

Il existe de nombreuses options d'IDE que l'on peut choisir pour l'apprentissage du développement web. Elles sont pratiquement équivalentes, car le code de votre projet sera de toute façon exécuté dans le navigateur 😊

Voici les 4 plus populaires :

• Visual Studio Code de Microsoft
• Intellij IDEA Community Edition
• Atom de GitHub
• WebStorm Community Edition

J'aime bien WebStorm, mais vous pouvez choisir n'importe quel autre produit sans remarquer de grande différence. Ci-dessous, je vais montrer des captures d'écran de plusieurs étapes clés pour configurer l'IDE.

5.2 Télécharger WebStorm

Étape 1. Pour installer WebStorm, il faut d'abord le télécharger. Tapez dans Google WebStorm ou suivez simplement le lien. Vous y verrez une jolie image comme celle-ci :

Étape 2. Cliquez simplement sur le bouton «Télécharger», et le téléchargement commencera immédiatement. Si tout s'est bien passé, vous verrez un message comme celui-ci :

Étape 3. Le bon système d'exploitation devrait être détecté automatiquement. Mais si ce n'est pas le cas, vous pouvez le choisir sur cette page — télécharger WebStorm :

5.3 Installation de WebStorm

Une fois que vous avez téléchargé la bonne version de WebStorm, il faut l'installer. Voici quelques étapes clés :

Étape 1. Lancez l'installateur — vous devriez voir une fenêtre comme ça :

Étape 2. Cochez quelques cases, comme moi :

Étape 3. Pas besoin de redémarrer quoi que ce soit :

5.4 WebStorm pour un usage non commercial

Si tu utilises ces IDE à des fins non commerciales, comme l'apprentissage, tu peux le faire gratuitement.

1. Lance WebStorm.
2. Au démarrage, une fenêtre apparaîtra où tu pourras choisir l'option d'utilisation non commerciale.
3. Connecte-toi à ton compte JetBrains ou crée-en un nouveau.
4. Accepte le "Contrat de souscription Toolbox pour un usage non-commercial".
5. Profite du développement.

Si tu as déjà commencé une période d'essai ou activé ton IDE avec une licence payante, tu peux toujours passer à l'abonnement non commercial en suivant ces étapes:

1. Pour WebStorm, va dans le menu Help | Register.
2. Dans la fenêtre qui s'ouvre, clique sur le bouton Remove License.
3. Choisis Non-commercial use (Usage non-commercial).
4. Connecte-toi à ton compte JetBrains ou crée-en un nouveau.
5. Accepte le "Contrat de souscription Toolbox pour un usage non-commercial".
6. Profite du développement.

5.5 Création du premier projet

Après avoir installé WebStorm, il ne reste plus qu'à le lancer et créer ton premier projet. Suis les instructions :

Étape 1. Lance WebStorm. Tu auras une fenêtre comme celle-ci :

Étape 2. Crée un nouveau projet — clique sur le bouton New Project.

Ensuite, tu dois :

• Choisir un nom pour ton premier projet.
• Indiquer le dossier pour ton premier projet (champ Location). Si WebStorm propose par défaut le dossier Admin, il vaut mieux le changer. Moins de problèmes ensuite.

J'ai obtenu quelque chose comme ça :

Étape 3. Si tu as tout fait correctement, tu verras cette image :