Visual Studio Code

Visual Studio Code est un éditeur de code extensible développé par Microsoft pour

Visual Studio Code ou VsCode est  gratuit 

Lien de VsCode et Information VsCode

VsCode est très leger et s’installe assez rapidement. La  version 1.42 est disponible depuis Janvier 2020

VsCode propose une coloration syntaxique par défaut pour la majorité des langages

De nombreux langages de programmation sont pris en charge: C++, Html, Css, Php, Python, Xml, Batch, Java, etc ...

L’intelliSence est active.

VsCode fonctionne avec des extensions qui vous permettrons de l'utiliser suivant vos besoins

Documentations

Vous trouverez de nombreuses documentations sur Internet (Quelques liens ci-dessous)

 Documentation Visual Studio Code (EN)

 Documentation Visual Studio Code (FR)

 VsCode et les Extensions (FR)

Télécharger VsCode sur

 https://code.visualstudio.com/Download

Sélectionner la version suivant votre système (Windows, Linux ou macOS)

N'ayant pas de MAC à ma disposition, je ne parlerai pas de l'installation sous masOS

Télécharger la version User Installer 64bit (ou 32bit) - VSCodeUserSetup-x64-x.xx.x.exe

 # x.xx.x correspond à la version

L'installation sous Windows ne présente aucune difficulté

Cliquer sur le fichier pour l'installation et laisser vous guider par le processus d'installation

Une fois terminé, l'icône Visual Studio Code s'affichera sur le bureau

Télécharger le fichier .deb 64bit - code_x.xx.x-1581432938_amd64.deb

L'installation sous Linux ne présente aucune difficulté

Dans le terminal, se déplacer dans le dossier contenant le fichier et taper la commande

Une fois terminé, l'icône Visual Studio Code s'affichera sur le bureau

Créer un nouveau fichier

Ouvrir un fichier existant

Ajouter un dossier d'espace de travail ...

Ouvrir les fichiers récents

Obtenur de l'aide

Personnaliser VsCode

Le menu de VsCode vous propose des commandes standarts 

La barre latérale peut etre positionnée soit à gauche soit à droite

La roue dentée  -  Gérer  # Gérer les paramètres et les thèmes de VsCode

Gérer / Raccourcis clavier  # Affiche tous les raccourcis clavier de VsCode

Ajouter un dossier dans votre espace de travail dans VsCode, vous permettra de travailler avec les fichiers du dossier depuis VsCode

Ctrl + Maj + P puis saisir "Ajouter dossier"

Puis sélectionner le dossier et cliquer sur [Ajouter]

ou

Cliquer sur [Explorateur] puis [Ajouter un dossier]

Puis sélectionner le dossier et cliquer sur [Ajouter]

Le dossier apparait dans l'espace de travail de VsCode

La suppression d'un dossier de l'espace de travail enlève le dossier de l'espace de travail de VsCode

Clique-Droit sur le dossier puis "Supprimer le dossier de l'espace de travail"

Cliquer sur [Nouveau fichier] dans la fenêtre de "Bienvenue"

ou

Glisser la souris dans votre "Espace de travail" puis "Nouveau Fichier"

Votre espace de travail doit contenir au moins un dossier

Un nouveau fichier nommé [Untitled-x] est créé 

Cliquer sur [Texte brut] dans la barre d'état, pour séléctionner le type de fichier

L'icône du fichier changera en fonction du type de fichier selectionné

Sauvegarder le fichier

Ctrl + S

La fenêtre de sauvegarde s'ouvre, choisir le dossier et nommer votre fichier, puis cliquer sur [Enregistrer]

Le fichier apparait dans votre espace de travail

Si le fichier est dans votre espace de travail, double-cliquer sur le fichier pour l'ouvrir

Si le fichier n'est pas dans votre espace de travail

Ctrl + O

pour ouvrir un fichier depuis votre ordinateur

Une autre solution consiste à faire un "drag and drop" (Glisser/Déposer) du/des fichier(s) depuis l'explorateur Windows ou Linux vers VsCode. 

Pour fermer un fichier dans VsCode, il vous suffit de cliquer sur la "croix X" dans l'onglet du fichier

Si le fichier a été modifier, un message d'avertissement vous demandera si vous souhaiter enregistrer (ou non) les modifications

Dans l'icône les feuilles "Explorateur" un  chiffre  dans un  rond bleu  s'affiche pour indiquer le nombre de fichier qui a été modifié et qu'il faut (ou non) sauvegarder

Pour sauvegarder un fichier 

Ctrl + S

Pour supprimer un fichier, sélectionner le fichier dans votre espace de travail, puis clic-droit / Supprimer

Valider le message de confirmation de suppression

 Le fichier supprimé sous VsCode sera supprimé de votre ordinateur 

Les extensions vous facilitent l'utilisation de VsCode en y ajoutant des fonctionnalités

Rechercher les extensions

Cliquer sur l'icône [Extensions] ou Ctrl + Maj + P et saisir "extension installer"

Vous affichez les "Extensions activés"

Vous affichez les "Extensions recommandées" suivant les fichiers ouverts

Suivant le langage de programmation utilisé, VsCode vous propose des Extensions

(Exemple je travaille sur un fichier Php, VsCode me recommande des Extensions Php)

Vous pouvez rechercher les Extensions par thème

Dans la zone de recherche

- Saisir "html" et VsCode pour proposera toutes les extensions disponibles pour le langage html

- Saisir "Arduino" et VsCode pour proposera toutes les extensions disponibles pour l'Arduino

- Saisir "Python" et VsCode pour proposera toutes les extensions disponibles pour le langage Python

etc ...

Rechercher sur Internet les meilleures Extensions pour VsCode

Une fois trouvé l'extension souhaitée, il ne vous reste plus qu'à l'installer

Exemple:

Je veux installer l'extension "Arduino"

Si je souhaite désinstaller l'Extension "Arduino"

Redémarrer VsCode après l'installation/désinstallation d'une extension