Lorsqu'on installe un nouvel environnement de travail pour le développement front-end, il est nécessaire de mettre en place plusieurs outils fondamentaux. Voici une procédure détaillée pour y parvenir efficacement, en supposant une connexion réseau stable.

1. Gestion de versions avec Git

Git est indispensable pour le suivi des modifications du code source. L'installation peut être réalisée via un gestionnaire de paquets system ou directement depuis le site officiel.

Après l'installation, vérifiez la version installée :

git --version

Pour mettre à jour sous Windows :

git update-git-for-windows

La configuration initiale inclut la définition de l'identité de l'utilisateur :

git config --global user.name "Votre Nom"
git config --global user.email "votre.email@exemple.com"

Pour les connexions répétées à un dépôt distant sans saisir systématiquement les identifiants, configurez un assistant d'identification :

git config --global credential.helper store --file ~/.git-credentials

La connexion SSH offre une alternative pratique pour accéder aux dépôts. La configuration des clés publiques et privées permet une authentification sécurisée sans mot de passe.

2. Gestion de l'environnement Node.js avec nvm

L'installation de multiples versions de Node.js est simplifiée par l'utilisation de nvm (Node Version Manager).

Après l'installation de nvm, installez une version spécifique de Node.js :

nvm install 18.17.0

Pour sélectionner cette version comme active :

nvm use 18.17.0

Listez toutes les versions gérées par nvm :

nvm list

npm (Node Package Manager) est inclus avec l'installation de Node.js. Vérifiez sa disponibilité :

npm --version

3. Optimisation des téléchargements avec nrm et cnpm

Le registre npm par défaut peut être lent dans certaines régions. nrm permet de basculer facilement entre différents miroirs de registre.

npm install -g nrm

Listez les registres disponibles :

nrm ls

Activez un miroir plus rapide, par exemple le miroir chinois :

nrm use taobao

Une alternative directe est d'utiliser cnpm, un client npm configuré pour utiliser le miroir chinois :

npm install -g cnpm --registry=https://registry.npmmirror.com/

Ou, pour une configuration permanente de npm avec ce miroir :

npm config set registry https://registry.npmmirror.com

4. Alternative à npm : Yarn

Yarn est un gestionnaire de paquets alternatif, apprécié pour sa vitesse et sa déterministe dans les installations.

npm install -g yarn

La commande suivante confirme l'installation :

yarn --version

5. Configuration de l'éditeur : VSCode

VSCode (Visual Studio Code) est largement adopté. Lors du changement de poste, il est judicieux de transférer les paramètres, les extensions et les raccourcis clavier. Cela se fait généralement via la synchronisation des paramètres intégrée ou manuellement en exportant les fichiers de configuration.