Web
Client

Visual Studio Code

Tout en un

Visual Studio Code est un éditeur de texte gratuit et open source de Microsoft. Il est sortie récemment et est devenu très populaire rapidement. Depuis plusieurs années, le site Web Stack Overflow indique qu'il est l'éditeur de code/texte le plus utilisé selon leurs sondages. Il doit principalement sont engouement à son extensibilité et à sa personnalisation. En effet, s'il ne fait pas quelque chose, il existe probablement une extension permettant de le faire. Les extensions sont aussi facile à créer et facile à trouver à partir de son interface graphique.

Même si cet éditeur est très léger, il possède des fonctionnalités très puissantes comme l'exécution et le débogage du code, le support du versionnement avec Git, l'utilisation d'une console interne et l'exécution de commande directement dans son interface.

Téléchargement

Vous pouvez télécharger Visual Studio Code en cliquant sur le lien ci-dessous.

Visual Studio Code

Nous verrons comment utiliser ce logiciel majoritairement en classe. Il contient de nombreuses fonctionnalités que nous verrons au courant de la session. Si vous voulez en apprendre davantages, vous pouvez consulter la documentation de Visual Studio Code.

Extension de VSCode

Dans le cadre de ce cours, nous utiliserons une extension de Visual Studio Code que vous devrez absolutment installer. Cette extension se nomme Live Server et nous sera utile pour simuler la mise d'un site web en ligne. Pour en faire son installation, suivez les étapes suivantes:

  1. Cliquer sur l'icône d'extension dans l'interface de Visual Studio Code.Icône d'extension dans VSCode
  2. Dans la barre de recherche du menu qui s'est ouvert, faite la recherche de "live server".
  3. Installer l'extension Live Server par Ritwick Dey en cliquant sur le bouton bleu d'installation.Icône d'extension dans VSCode

L'utilisation de cet extension vous sera montré en classe, mais vous pouvez toujours consulter sa documentation pour avoir plus d'information.

Alternatives

Il existe de nombreux autres éditeurs de code qui peuvent être utilisé pour le web. Dans le cadre de ce cours, nous utiliserons Visual Studio Code, mais vous pouvez en utiliser un autre si vous préférez. Sachez seulement que votre enseignant ne pourra pas vous aider si vous avez des problèmes avec ces éditeurs.

Voici une courte liste non exhaustive de plusieurs éditeurs de code connu pour le web. Si l'un d'entre eux vous intéresse, je vous recommande une petite recherche sur votre moteur de recherche favori pour avoir plus d'information.

  • Notepad++
  • Sublime Text
  • Brackets
  • Atom
  • Visual Studio
  • WebStorm