Configurez votre environnement de travail

MESSAGE IMPORTANT.

Cette documentation n'est plus à jour depuis trop longtemps. Si vous voulez de l'aide, veuillez rejoindre ce serveur Discord et lire cet article qui date de Septembre 2021 mais qui est fréquemment mis à jour.

Installer Node.js

Pour commencer, il faut installer node.js. Vous avez deviné ? Alors c'est parti pour un tour sur le site officiel !

Vous remarquerez, au passage, que le site est en français. Mais concentrons nous plûtot sur le centre de la page.

Deux versions sont proposées. Je vous conseille de prendre la première pour avoir un support plus long. La deuxième n'est pas souvent stable et comporte souvent de petits bug mais est récente. A vous de voir !

Normalement, le site aura automatiquement détécté votre plateforme et l'architecture de votre système d'exploitation. Si ce n'est pas le cas, cliquez sur "Autres téléchargements" en dessous de la première case. Puis, choisissez une version adaptée à la configuration de votre ordinateur.

Le téléchargement d'un fichier d'installation sera lancé. Dès que le téléchargement sera terminé, lancez le fichier d’installation, puis suivez les étapes suivantes.

• Patientez le temps que le programme vérifie si l'espace de stocage disponible sur votre ordinateur est suffisant pour installer Node.js. ne cliquez pas sur "Cancel".

• Une fois la vérification terminée, l'installateur va vous faire suivre quelques étapes de configuration. Cliquez sur "Next".

• Acceptez le terme de contart de license et cliquez sur "Next".

• Choisissez l'emplacement où installer Node.js. Si vous ne savez pas quoi mettre, laissez la case pré-configurée.

• Cliquez sur "Next".

• Cliquez sur "Install".

• Autoriser le programme "Node.js" à apporter des modifications à votre ordinateur.

• Laissez l'installation se poursuivre.

• Une fois l'instalation terminée, cliquez sur "Finish".

Node.js a été installé avec succès sur votre ordinateur. Nous allons maintenant installer un éditeur de texte/IDE.

Choisir son "IDE"

IDE est l'abréviation de Integrated Devlopment Environement. Pour simplifier, ce mot désigne un éditeur de codes avec des fonctions destinées à vous faire gagner du temps.

Il existe une montagne d'éditeur de texte et d'IDE disponibles souvent très similaires. Je vais néanmoins détailler l'installation de 3 d'entre eux. Bien sur, libre a vous d'installer celui que vous souhaitez (Notepad, Sublime Text, VSCode, Atom, WebStrom, JetBrain IDE, et Jean Passe (t'as compris la blague ? Et j'en passe !)

Visual Studio Code

Visual Studio Code est un IDE/éditeur de texte (IDE grace aux extentions). Derrière lui : Microsoft. L'avantage de celui ci, c'est qu'il peut compter sur une grosse communauté qui développe plein d'extention pour le rendre plus pratique et vous rendre la tache plus simple.

Brackets

Brackets est développé par Adobe et sa communauté. Il est extêment similaire à Visual Studio Code, sauf qu'il dispose de moins d'extensions comparé à VSCode du fait de sa communauté beaucoup plus petite. Il est néanmoins très pratique pour les jeunes développeurs web qui souhaite avoir un rendu en direct grace à son petit serveur web auto-hébergé et son auto-refresh à chaque modification.

Sublime Text

Sublime Text est un éditeur de texte développé par Jon Skinner. L'éditeur de texte connu dans le monde entier est eancore plus personnalisable que Visual Studio Code, il est parfait pour ceux qui voudrons posséder un environnement customisé a fond. Tout comme Visual Studio Code, il dispose d'une très très grosse communauté qui développe des extensions pour celui-ci pour qu'il sle transforme de petit chaton en véritable mastodon.

Sublime Text n'es pas qu'un qu'un éditeur de code: c'est aussi un éditeur de texte !

On vous laisse le temps de choisir !

C'est fait ? Alors restez sur cette page et observez le sommaire à droite.

Vous voyez les sous-articles "Installer Visual Studio Code", "Installez Brackets" et "Installez Sublime Text" ? Vous pouvez cliquez sur les liens pour continuer le guide selon votre choix.

Si les sous-articles ne s'affichent pas, cliquez sur la petite flèche à côté du titre de cet article.