Aller au contenu principal

Visual Studio Code

Extensions​

ESLint​

Permet de vérifier la syntaxe de notre code JavaScript. Lien d'installation

Configuration​

Dans un fichier .eslintrc.json à la racine de notre projet, on peut configurer ESLint comme ceci :

{
  "env": {
    "browser": true,
    "es2021": true,
    "node": true
  },
  "extends": "eslint:recommended",
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "rules": {}
}

French Language Pack for Visual Studio Code​

Permet d'avoir l'interface en français. Lien d'installation

Git Graph​

Permet de visualiser l'historique de notre projet Git et d'accéder à certaines fonctionnalités de de manière graphique. Lien d'installation

Live server​

Permet de lancer un serveur local pour visualiser notre site web. (fonctionne simplement avec notre code vanilla HTML/CSS/JS mais pas avec Angular) Lien d'installation

Live Share​

Permet de partager notre éditeur de code avec d'autres personnes et de coder à plusieurs en même temps. Lien d'installation

Materail Icon Theme​

Permet d'avoir des icônes plus jolies dans notre explorateur de fichiers. Pratique pour s'y retrouver plus facilement. Lien d'installation

Polacode​

Permet de prendre des captures d'écran de notre code. Lien d'installation

PostgreSQL​

Permet d'avoir un client PostgreSQL directement dans VS Code. Pratique pour tester des requêtes SQL. Lien d'installation

Prettier​

Permet d'avoir un client PostgreSQL directement dans VS Code. Pratique pour tester des requêtes SQL. Lien d'installation

Configuration​

Dans un fichier .prettierrc à la racine de notre projet, on peut configurer Prettier comme ceci :

{
  "trailingComma": "es5",
  "tabWidth": 2,
  "semi": true,
  "singleQuote": false
}

Pretty TypeScript Errors​

Permet d'avoir des messages d'erreurs plus clairs et plus jolis. Lien d'installation

Thunder Client​

Permet de faire des requêtes HTTP directement dans VS Code. Lien d'installation