configuration

installer vs code�à la maison

​

​

​

​

PRÉPARÉ PAR:

Jean-François Leblanc

Révision: janvier 2025

​

//

table des matière

1. installer vs code
2. autres logiciels requis
3. extensions et marche à suivre

pourquoi vs code?

C’est un éditeur de code (IDE) gratuit, ouvert et hyper performant. C’est aussi le plus utilisé par les développeurs sur le marché du travail*.

*

* Selon le Web developper 2023 survey de Stack Overflow

01

installer vs code

télécharger vs code ▶

02

autres logiciels requis

node js�Automatisation et optimisation de tâches.�!! Choisir la version LTS !!�« sous prebuilt installer »

à installer

Pour les besoins liés aux cours, assurez-vous d’avoir ces logiciels d’installés sur votre ordinateur.

télécharger node js ▶

github desktop�Outil de versionnage pour récupérer et sauvegarder vos travaux sur GitHub.

télécharger github desktop ▶

git-cli�Afin de faire fonctionner le stack, vous devez installer git-cli et redémarrer vs code au besoin.

télécharger git-cli ▶

tu as windows 11?

Tu pourrais avoir une erreur dans le terminal avec « npm i » la première fois.

Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Force

Copie-colle et exécute la ligne suivante dans le terminal et ensuite,�tu pourras rouler « timtools »

​

03

les extensions

les extensions

VS Code fonctionne avec des extensions qui ajoutent les fonctionnalitées désirées. À la page suivante, vous trouverez la procédure qui vous permettra d’avoir la même configuration que dans nos laboratoires TIM.

*

code --install-extension christian-kohler.path-intellisense

code --install-extension dbaeumer.vscode-eslint

code --install-extension Equinusocio.vsc-community-material-theme

code --install-extension Equinusocio.vsc-material-theme

code --install-extension equinusocio.vsc-material-theme-icons

code --install-extension esbenp.prettier-vscode

code --install-extension mrmlnc.vscode-scss

code --install-extension formulahendry.auto-close-tag

code --install-extension formulahendry.auto-rename-tag

code --install-extension formulahendry.terminal

code --install-extension PKief.material-icon-theme

code --install-extension pranaygp.vscode-css-peek

code --install-extension VisualStudioExptTeam.vscodeintellicode

code --install-extension Zignd.html-css-class-completion

code --install-extension mkaufman.HTMLHint

code --install-extension gencer.html-slim-scss-css-class-completion

code --install-extension vunguyentuan.vscode-css-variables

code --install-extension ritwickdey.LiveServer

​

code --install-extension cemuka.unity-code-snippets

code --install-extension ms-dotnettools.csharp

code --install-extension Tobiah.unity-tools

code --install-extension Unity.unity-debug

code --install-extension druideinformatique.antidote

code --install-extension firefox-devtools.vscode-firefox-debug

​

code --install-extension bmewburn.vscode-intelephense-client

code --install-extension wordpresstoolbox.wordpress-toolbox

comment installer�les extensions facilement

Utilisateurs de Windows, passez directement à l’étape 2.

1. Pour les utilisateurs MAC (ou erreur à l’étape 3).�Dans vs code, tapez pour ouvrir le panneau de commande :
• CTRL+SHIFT+P (windows)
• CMD+SHIFT+P (osx)

Puis, dans le panneau, tapez « install code» et choisissez l’option « Shell Command: Install 'code' command in PATH ». (Attention à conserver le caractère > au début du champ).

• Ouvrez une fenêtre de terminal :
• Command Prompt / Invite de commande (windows)
• Terminal (osx)
• Copiez-coller la liste de droite et appuyez sur entrer afin d’installer toutes les extensions d’un seul coup.��Si vous avez une erreur à l’étape 3 concernant la commande « Code » qui n’existe pas, revenez à l’étape 1.