Guide Terminal - Windows vs macOS
Pourquoi ce guide ?
Section titled “Pourquoi ce guide ?”Le terminal peut sembler intimidant, mais c’est un outil essentiel pour le développement web. Ce guide vous aide à comprendre les différences entre Windows et macOS/Linux.
Les bases : qu’est-ce qu’un terminal ?
Section titled “Les bases : qu’est-ce qu’un terminal ?”Un terminal (ou invite de commandes) est une interface texte pour donner des instructions à votre ordinateur. Au lieu de cliquer, vous tapez des commandes.
Sur macOS/Linux :
- Application : Terminal (ou iTerm2)
- Shell par défaut : zsh ou bash
Sur Windows :
- Applications : PowerShell, CMD, ou Windows Terminal
- Shell par défaut : PowerShell (recommandé)
Différences fondamentales
Section titled “Différences fondamentales”1. Navigation dans les dossiers
Section titled “1. Navigation dans les dossiers”| Action | macOS/Linux | Windows (PowerShell) |
|---|---|---|
| Afficher le dossier actuel | pwd | pwd ou Get-Location |
| Lister les fichiers | ls | ls ou dir |
| Changer de dossier | cd nom-dossier | cd nom-dossier |
| Remonter d’un dossier | cd .. | cd .. |
| Aller au dossier personnel | cd ~ | cd ~ |
Exemples :
# macOS/Linuxcd Documentscd ~/Desktoppwd# Windows PowerShellcd Documentscd ~\Desktoppwd2. Chemins de fichiers
Section titled “2. Chemins de fichiers”macOS/Linux : utilise le slash /
/Users/julien/code/mon-projet~/Desktop/fichier.txtWindows : utilise le backslash \ (mais PowerShell accepte aussi /)
C:\Users\Julien\code\mon-projet~\Desktop\fichier.txtConseil : Dans les commandes npm/node, utilisez toujours / (compatible partout).
3. Créer et supprimer des fichiers/dossiers
Section titled “3. Créer et supprimer des fichiers/dossiers”| Action | macOS/Linux | Windows (PowerShell) |
|---|---|---|
| Créer un dossier | mkdir nom-dossier | mkdir nom-dossier |
| Créer un fichier vide | touch fichier.txt | New-Item fichier.txt |
| Supprimer un fichier | rm fichier.txt | rm fichier.txt ou del fichier.txt |
| Supprimer un dossier | rm -rf dossier | rm -r -Force dossier |
Exemples :
# macOS/Linuxmkdir src/libtouch src/lib/Composant.svelte# Windows PowerShellmkdir src\libNew-Item src\lib\Composant.svelte4. Permissions et sudo
Section titled “4. Permissions et sudo”macOS/Linux : utilise sudo pour les droits administrateur
sudo npm install -g viteWindows : exécuter PowerShell en tant qu’Administrateur (clic droit > “Exécuter en tant qu’administrateur”)
npm install -g viteNote : Évitez sudo npm install dans vos projets (jamais dans le dossier projet).
5. Variables d’environnement
Section titled “5. Variables d’environnement”| Action | macOS/Linux | Windows (PowerShell) |
|---|---|---|
| Afficher une variable | echo $PATH | echo $env:PATH |
| Définir une variable | export VAR=valeur | $env:VAR="valeur" |
6. Commandes utiles pour le développement
Section titled “6. Commandes utiles pour le développement”| Action | macOS/Linux | Windows | Notes |
|---|---|---|---|
| Lancer un serveur | npm run dev | npm run dev | ✅ Identique |
| Installer des dépendances | npm install | npm install | ✅ Identique |
| Vérifier la version Node | node --version | node --version | ✅ Identique |
| Ouvrir un fichier | open fichier.html | start fichier.html | ⚠️ Différent |
| Effacer l’écran | clear | cls ou clear | ⚠️ Différent |
| Copier un fichier | cp source.txt dest.txt | copy source.txt dest.txt | ⚠️ Différent |
Problèmes courants et solutions
Section titled “Problèmes courants et solutions”Problème 1 : “npm n’est pas reconnu”
Section titled “Problème 1 : “npm n’est pas reconnu””Cause : Node.js n’est pas installé ou pas dans le PATH
Solution :
- Télécharger et installer Node.js depuis nodejs.org
- Redémarrer le terminal
- Vérifier avec
node --version
Problème 2 : “permission denied” (macOS/Linux)
Section titled “Problème 2 : “permission denied” (macOS/Linux)”Cause : Droits insuffisants
Solution :
# NE PAS utiliser sudo pour npm install dans un projet# À la place, réparer les permissions npm globales :sudo chown -R $(whoami) ~/.npmProblème 3 : “execution policy” (Windows PowerShell)
Section titled “Problème 3 : “execution policy” (Windows PowerShell)”Erreur :
npm : Impossible de charger le fichier... car l'exécution de scripts est désactivée sur ce systèmeSolution :
# Exécuter PowerShell en tant qu'administrateur, puis :Set-ExecutionPolicy RemoteSigned -Scope CurrentUserProblème 4 : Caractères bizarres dans le terminal Windows
Section titled “Problème 4 : Caractères bizarres dans le terminal Windows”Cause : Encodage incorrect
Solution :
chcp 65001Ou utiliser Windows Terminal (plus moderne que PowerShell classique).
Raccourcis clavier utiles
Section titled “Raccourcis clavier utiles”macOS/Linux
Section titled “macOS/Linux”| Raccourci | Action |
|---|---|
Ctrl + C | Arrêter un processus en cours |
Ctrl + L ou clear | Effacer l’écran |
Tab | Auto-complétion |
↑ / ↓ | Naviguer dans l’historique |
Ctrl + A | Aller au début de la ligne |
Ctrl + E | Aller à la fin de la ligne |
Windows PowerShell
Section titled “Windows PowerShell”| Raccourci | Action |
|---|---|
Ctrl + C | Arrêter un processus en cours |
cls ou clear | Effacer l’écran |
Tab | Auto-complétion |
↑ / ↓ | Naviguer dans l’historique |
Home | Aller au début de la ligne |
End | Aller à la fin de la ligne |
Commandes spécifiques au cours
Section titled “Commandes spécifiques au cours”Installation du projet Svelte
Section titled “Installation du projet Svelte”Identique sur macOS et Windows :
npm create vite@latest mon-projet-rtmf -- --template sveltecd mon-projet-rtmfnpm installnpm run devCréer un composant
Section titled “Créer un composant”macOS/Linux :
mkdir -p src/libtouch src/lib/MonComposant.svelteWindows PowerShell :
mkdir src\lib -ForceNew-Item src\lib\MonComposant.svelteAlternative (marche partout) : Créer le fichier directement dans votre éditeur de code.
Git : commandes identiques
Section titled “Git : commandes identiques”Bonne nouvelle : Les commandes Git sont identiques sur tous les systèmes.
git initgit add .git commit -m "Message"git statusgit logConseils pour débutants
Section titled “Conseils pour débutants”- Ne pas avoir peur de se tromper : Au pire, vous fermez le terminal et recommencez
- Utiliser l’auto-complétion : Tapez les premières lettres puis
Tab - Copier-coller : Clic droit dans le terminal (ou
Ctrl+Shift+V) - Lire les erreurs : Souvent, elles indiquent la solution
- Demander de l’aide : Si bloqué, montrez l’erreur à l’enseignant
Tableau de référence rapide
Section titled “Tableau de référence rapide”| Tâche | macOS/Linux | Windows |
|---|---|---|
| Lister fichiers | ls | ls ou dir |
| Changer de dossier | cd dossier | cd dossier |
| Créer un dossier | mkdir dossier | mkdir dossier |
| Créer un fichier | touch fichier | New-Item fichier |
| Supprimer fichier | rm fichier | rm fichier |
| Ouvrir fichier | open fichier | start fichier |
| Effacer l’écran | clear | cls |
| Chemin | / (slash) | \ (backslash, mais / accepté) |
| Droits admin | sudo | Exécuter en admin |
Ressources pour aller plus loin
Section titled “Ressources pour aller plus loin”Tutoriels terminal :
Outils modernes :
- Windows Terminal - Terminal moderne pour Windows
- iTerm2 - Alternative au Terminal macOS
- Oh My Zsh - Personnalisation du terminal macOS/Linux
En cas de blocage
Section titled “En cas de blocage”Si vous rencontrez un problème terminal pendant le cours :
- Notez l’erreur exacte (screenshot ou copier-coller)
- Demandez moi
- Vérifiez les problèmes courants ci-dessus
- Redémarrez le terminal (souvent, ça suffit)
Le terminal devient familier avec la pratique. Vous n’avez pas besoin de tout mémoriser, juste de savoir où chercher.