Bien démarrer son environnement de travail
Installer un setup productif et reproductible : éditeur, terminal, gestionnaire de paquets, Node, dotfiles. Pour gagner du temps et de la joie au quotidien.
À la fin du cours, tu sais
- Installer VS Code avec les extensions essentielles
- Configurer un terminal moderne (zsh, Starship, alias)
- Utiliser un gestionnaire de paquets (Homebrew, winget, apt)
- Gérer plusieurs versions de Node via fnm
- Configurer Git et SSH proprement
- Versionner ses dotfiles pour réinstaller en 1h
Prérequis
- Avoir une machine Mac, Windows ou Linux
- Connaître très basiquement le terminal (cd, ls)
Chapitre 1
Pourquoi un bon setup change tout
Tu vas passer des milliers d'heures sur ta machine. Autant l'aimer.
- Productivité : raccourcis, automatisations, moins de clics
- Confort : police lisible, thème reposant, ergonomie
- Reproductibilité : pouvoir réinstaller en 1 heure sur une autre machine
- Confiance : tu sais ce qui tourne sur ta machine
- Plaisir : un terminal qui te ressemble, c'est motivant
Itère, mais n'optimise pas trop tôt
Chapitre 2
Choisir et installer son éditeur
VS Code reste la référence en 2025 : gratuit, rapide, extensible. Disponible sur Mac, Windows, Linux.
Installation
Télécharge depuis code.visualstudio.com, ou via ton gestionnaire de paquets (voir chapitre suivant).
Les extensions essentielles
- ESLint : linter JavaScript / TypeScript
- Prettier : formattage automatique au save
- GitLens : git blame inline, historique d'une ligne
- EditorConfig : respect des conventions par projet (indentation, fin de ligne)
- Error Lens : affiche les erreurs inline (pas seulement dans le panneau Problems)
code --install-extension dbaeumer.vscode-eslint
code --install-extension esbenp.prettier-vscode
code --install-extension eamodio.gitlens
code --install-extension EditorConfig.EditorConfig
code --install-extension usernamehw.errorlensPolice à ligatures
- Fira Code : la référence open source, gratuite
- JetBrains Mono : excellente lisibilité
- Cascadia Code : la police de Windows Terminal, très propre
Raccourcis vitaux
Cmd/Ctrl + P: aller à un fichierCmd/Ctrl + Shift + P: palette de commandes (le raccourci le plus rentable)Cmd/Ctrl + D: sélection multiple de la même occurrenceCmd/Ctrl + B: afficher / cacher la sidebarCmd/Ctrl + /: commenter / décommenter
Chapitre 3
Terminal moderne
Un terminal lisible et rapide rend les commandes agréables. Compte 30 minutes pour le configurer, gain massif pour les années à venir.
Quel terminal selon ton OS
- Mac : Warp (moderne, AI-friendly) ou iTerm2 (référence historique)
- Windows : Windows Terminal avec WSL2 (Ubuntu) pour un environnement Linux complet
- Linux : le terminal natif (GNOME Terminal, Konsole) suffit
Shell : zsh par défaut
- Mac : zsh est le shell par défaut depuis macOS Catalina
- Linux / WSL :
sudo apt install zshpuischsh -s $(which zsh) - Bash reste OK, mais zsh apporte autocomplétion, glob avancés, plugins
Prompt : Starship
Starship (starship.rs) est un prompt cross-shell ultra-rapide écrit en Rust. Affiche branche Git, version Node, durée d'exécution, statut, le tout configurable en TOML.
# Mac (via Homebrew) ou Linux / WSL
brew install starship # ou: curl -sS https://starship.rs/install.sh | sh
# Ajouter à ~/.zshrc
echo 'eval "$(starship init zsh)"' >> ~/.zshrc
# Recharger
source ~/.zshrcAlias persos : gagner 10 secondes par commande
# Git
alias gs="git status"
alias gco="git checkout"
alias gp="git pull"
alias gpush="git push"
# Navigation
alias ll="ls -lah"
alias ..="cd .."
alias ...="cd ../.."
# Quick edit du shell
alias zshrc="code ~/.zshrc"Plugins zsh utiles
Chapitre 4
Gestionnaire de paquets
Installer ses outils en ligne de commande est plus rapide et reproductible que de cliquer sur 12 .dmg.
Mac : Homebrew
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
# Installer plein d'outils en une commande
brew install git node fzf bat exa ripgrep jqWindows : winget (natif Windows 10/11)
winget install Git.Git
winget install Microsoft.VisualStudioCode
winget install OpenJS.NodeJS.LTS
winget install Microsoft.WindowsTerminalLinux Debian / Ubuntu : apt
sudo apt update && sudo apt install -y \
git curl build-essential \
zsh ripgrep fzf bat jqVersionne ta liste d'outils
brew bundle dump crée un Brewfile qui liste tout ce qui est installé. Tu peux le commiter dans tes dotfiles et le réutiliser avec brew bundle pour réinstaller à l'identique. Idem winget avec winget export / winget import.Chapitre 5
Node.js via version manager
Tu vas jongler entre projets Node 18, 20, 22 selon les besoins. Un version manager évite les conflits.
fnm (recommandé en 2025)
- Écrit en Rust, beaucoup plus rapide que nvm
- Auto-switch via
.nvmrcou.node-versionquand tu changes de dossier - Multi-plateforme : Mac, Linux, Windows
# Installation
brew install fnm # Mac
curl -fsSL https://fnm.vercel.app/install | bash # Linux / WSL
winget install Schniz.fnm # Windows
# Activer dans le shell (à ajouter à ~/.zshrc)
echo 'eval "$(fnm env --use-on-cd)"' >> ~/.zshrc
# Installer et utiliser
fnm install 22
fnm install 20
fnm use 22
node -v # v22.xnvm : l'historique
nvm est plus ancien et plus répandu, mais plus lent. Si tu as déjà nvm, pas la peine de migrer. Si tu pars de zéro, prends fnm.
Ne jamais installer Node en global système
brew install node directement. Ça met une version unique qui crée des conflits de permissions à chaque npm install -g. Passe toujours par un version manager (fnm ou nvm).Chapitre 6
Git : configuration initiale
Vite fait, parce que c'est couvert en détail dans le cours Premiers pas avec Git et GitHub. Mais c'est le minimum à faire avant de coder.
# Identité
git config --global user.name "Ton Nom"
git config --global user.email "toi@exemple.com"
# Branche par défaut
git config --global init.defaultBranch main
# Éditeur par défaut
git config --global core.editor "code --wait"
# Clé SSH (pour GitHub)
ssh-keygen -t ed25519 -C "toi@exemple.com"
cat ~/.ssh/id_ed25519.pub # à coller sur GitHubLe cours dédié
Chapitre 7
Dotfiles : sauvegarde ta config
Tes fichiers de config (.zshrc, .gitconfig, settings VS Code) sont précieux. Versionne-les pour pouvoir réinstaller sur n'importe quelle machine en 1 heure.
Pourquoi
- Changement de machine sans perdre 3 jours de reconfiguration
- Reset propre quand tu casses ton shell
- Partage avec ton équipe (mêmes alias, mêmes raccourcis)
- Sauvegarde : tes dotfiles survivent à un crash disque
Setup minimal
# Créer un repo dotfiles
mkdir ~/dotfiles && cd ~/dotfiles
git init
# Copier les configs utiles
cp ~/.zshrc .
cp ~/.gitconfig .
cp -r ~/.config/starship ./starship # si tu as customisé Starship
# Commiter
git add .
git commit -m "init dotfiles"
# Pousser sur GitHub (repo privé conseillé)
git remote add origin git@github.com:tonpseudo/dotfiles.git
git push -u origin mainSymlinks ou stow ?
Les vrais fichiers vivent dans ~/dotfiles/, et tu crées des liens symboliques (ln -s) vers les emplacements attendus (~/.zshrc). Ainsi, quand tu modifies une config, c'est versionné automatiquement. GNU Stow automatise ça, mais un simple script bash suffit pour démarrer.
Settings Sync de VS Code
Chapitre 8
Les outils du quotidien
Quelques apps qui changent la vie d'un·e dev en 2025. Pas obligatoires, mais une fois adoptées, on ne revient plus en arrière.
- 1Password / Bitwarden : gestionnaire de mots de passe, clés SSH, tokens API. Indispensable.
- Raycast (Mac) / PowerToys Run (Windows) : lanceur d'applications, snippets, calculatrice, presse-papier
- Rectangle (Mac) / FancyZones (Windows) : gestion de fenêtres au clavier
- Obsidian / Bear / Notion : notes, veille technique
- Stats (Mac, gratuit) : monitoring CPU/RAM/réseau dans la barre de menus
Navigateur dev
Chrome ou Firefox avec les DevTools (voir le cours Déboguer avec l'inspecteur du navigateur). Installe l'extension React DevTools ou Vue DevTools selon ta stack.
L'usage des notes
~/notes/journal.md ou un vault Obsidian dédié au dev. Note ce que tu apprends, les bugs résolus, les liens utiles. Dans 6 mois, tu te remercieras.🛠️ Exercice optionnel
Monter ton setup complet en 1 heure
Tu pars d'une machine vide (ou tu veux refaire ta config proprement). Objectif : avoir un environnement utilisable en 1 heure montre en main.
Ta mission
- Gestionnaire de paquets : installer Homebrew (Mac), winget (Windows) ou apt (Linux).
- VS Code + 3 extensions : ESLint, Prettier, GitLens.
- Terminal : zsh + Starship + au moins 2 alias persos dans
~/.zshrc. - Node : installer fnm, puis
fnm install 22etnode -v. - Git : configurer nom, email, branche par défaut, et générer une clé SSH ajoutée à GitHub.
- Test pratique : cloner un repo de test, créer une branche, faire un commit, push.
- Bonus : créer un repo
dotfilesavec ton.zshrcet le pousser sur GitHub.
Critère de réussite : tu peux ouvrir un terminal, créer un nouveau projet, le pousser sur GitHub sans Google.
Tu bloques ? Des indices, à dévoiler quand tu en as besoin.
Indice 1
Indice masqué.
Indice 2
Indice masqué.
Indice 3
Indice masqué.
✅ QCM de fin de cours
Teste tes acquis
10 questions, plusieurs réponses parfois possibles. Coche tout ce qui te semble juste, puis valide pour voir ton score et les explications.
- 1
Quel raccourci ouvre la palette de commandes de VS Code ?
- 2
Quel outil gère plusieurs versions de Node en parallèle ?
- 3
Sur Mac, quel est le gestionnaire de paquets de référence ?
- 4
À quoi sert Starship ?
- 5
Pourquoi versionner ses dotfiles ?
- 6
Quelle commande configure ton email Git globalement ?
- 7
Sur Windows, quel sous-système Linux est recommandé en 2025 ?
- 8
Quelle extension VS Code formate automatiquement le code ?
- 9
Quel type de clé SSH est recommandé aujourd'hui ?
- 10
Quel outil est un lanceur productif sur Mac ?
Tu peux laisser des questions sans réponse, elles compteront comme fausses.
Tu veux ce cours pour ton équipe ?
Je peux adapter et animer ce cours pour tes formateur·ices ou tes apprenant·es, en présentiel ou en distanciel. Parlons-en pendant l'audit gratuit.
Réserver un audit gratuit →