Visual Studio Code dans un navigateur

Si vous utilisez (ou pas) Visual Studio Code, Microsoft a sorti son IDE accessible directement sur le web : https://vscode.dev

Petit tour d’aperçu des fonctionnalités en suivant le tuto intégré

Tour d’horizon des principales fonctionnalités :

Choisir un  thème (Ctrl+K Ctrl+T)

Il est possible de choisir son thème préféré parmi une multitude :

 

 

Synchronisation avec la version PC ou MAC

Il est possible de synchroniser son travail sur machine avec la version web (pas testé)

Toutes les commandes sont accessibles par menu (Ctrl+Maj+P)

Vous pouvez accéder à toutes les commandes de VS grâce à Ctrl+Maj+P

Choisir entre un menu minimal ou complet

Il est possible de masquer le menu

Utiliser des extensions

Visual Studio seul ne permet pas le développement, il faut y ajouter des extensions : python, C++, javascript, HTML …

 

Répertoire et dépôts

Bien sûr vous pouvez travailler avec des répertoires mais il est également possible

 

Ou des dépôt GitHub

Fonctionnalités d’édition de code

Il est également possible de modifier les fonctionnalités d’édition de code :

Modifier les réglages (Ctrl + ,)

 

Ces réglages concernent l’affichage, les fenêtres, les extensions

Où retrouver ces fenêtres ?

Toutes ces fenêtres peuvent se retrouver en bas à gauche de la fenêtre :

La barre de menus horizontale en haut :

  • Horizontalement tout en haut :

File

Ce menu concerne les actions en rapport avec les fichiers et répertoires.

Noter qu’il y a également le menu Preferences où on retrouve Settings, Extensions ou Keyboard Shortcuts

Edit

Les commandes en rapport avec l’édition du texte :

Selection

Autre menus en rapport avec l’édition du texte et ces raccourcis clavier

View

Accès à différentes fenêtre telles que la palette de commandes, les extensions …

Appearance

Pour mettre en pleine page ou pour afficher les barres de menus

Editor Layout

La disposition des fenêtres d’édition du texte :

Go

Lors de l’édition de code, pour aller directement à la définition des variables …

Help

Menu d’aide tout simplement

Barre de menu verticale à gauche

  • Verticalement à gauche :

Explorer

 

Search

Source Control

Run and Debug

Extensions

Remote Explorer

Fermer une fenêtre

Pour cela, il suffit de cliquer sur la petite croix à droite du nom de la fenêtre.

Configurer pour l’utiliser avec Python

  • Cliquer sur Extensions dans la barre de gauche

  • Entrer Python dans la barre de recherche

  • Install

  • Install à nouveau

  • Il est indiqué que l’extension à ses fonctionnalités limitées sur VS pour le web, cliquer sur Install Anyway

Voilà maintenant nous pouvons programmer en Python

Nous allons commencer par écrire un code, pour cela nous il faut créer un fichier python :

  • File puis New File

Il vous est proposé de choisir le langage :

  • Choisir Python :

  • Entrer votre code

  • puis le sauvegarder dans un fichier File->Save :

  • Sauvegarder-le sur votre ordinateur en mettant py comme extension

 

Vidéo des principales fonctionnalités

Une vidéo (en Anglais) résume les principales fonctionnalités de Visual Studio Code : https://code.visualstudio.com/docs/introvideos/basics

” width=”20″ height=”20″>

Leave a Reply