[Mise à jour le 14/1/24]

• Sources
  • Site du logiciel lien

• Lectures connexes
  • Wiki Python et MicroPython

Visual Studio Code est un éditeur de code source léger, mais puissant, disponible pour Windows, macOS et Linux. Il est livré avec un support intégré pour JavaScript, TypeScript et Node.js et possède des extensions pour d'autres langages (tels qu' Arduino, C++, C#, Java, Python, PHP, Go etc.) et des runtimes (.NET et Unity) .

• IntelliSense¹⁾ pour CSS, HTML, JavaScript, JSON, Less, Sass, coloration syntaxique pour PHP.
• Coloration syntaxique ²⁾
• Code action : proposition de correction d’erreur.
• Emmet abréviations³⁾ en HTML, Razor, CSS, Less, Sass, XML et Jade avec la touche de tabulation [Tab].
• Débogage⁴⁾ dans Nodejs.

Cette interface est divisée en cinq zones :

• La barre d'activité (Activity Bar) est située à l'extrême gauche. Cette barre vous permet de passer d'une vue à l'autre et vous fournit des indicateurs contextuels supplémentaires, tels que le nombre de changements sortants lorsque Git est activé.
• La barre latérale (Side Bar) contient des vues différentes comme l'explorateur pour vous aider tout en travaillant sur votre projet.
• L’éditeur (Editor Groups) – C’est la zone principale pour éditer vos fichiers. Vous pouvez ouvrir jusqu'à trois éditeurs côte à côte.
• Les panneaux (Pannels) permettent d’afficher différents panneaux sous la zone de l'éditeur pour des informations de sortie ou de débogage, des erreurs et des avertissements, ou un terminal intégré. Le panneau peut également être déplacé vers la droite pour plus d'espace vertical.
• La barre d’état (Status Bar) donne des informations sur le projet ouvert et les fichiers que vous modifiez.

Se rendre sur la page du site Visual Studio Code et double-cliquer sur le fichier téléchargé. Des extensions ajoutent des fonctionnalités au logiciel.

Installer la liste des extensions ci-dessous en entrant leur nom dans la barre de recherche de

.

Installer la liste des extensions ci-dessous en entrant leur nom dans la barre de recherche de

.

• Ressource : Installer VS Code et PlatformIO (pour aller plus loin).

La plateforme collaborative professionnelle PlatformIO est un environnement de développement intégré convivial et extensible avec un ensemble d'instruments de développement professionnel, offrant des fonctionnalités modernes et puissantes pour accélérer tout en simplifiant la création et la livraison de produits embarqués..

• Un éditeur de code source multiplateforme léger mais puissant.
• Complétions de code intelligentes basées sur des types de variables, des définitions de fonctions et des dépendances de bibliothèque.
• Flux de travail multiprojets avec une navigation facile autour de la base de code du projet, plusieurs volets et prise en charge des thèmes.
• Intégration transparente avec PlatformIO Home (UI) avec les gestionnaires de cartes et de bibliothèques.
• Assistant de projet intuitif et un large éventail d'exemples de projets.
• Terminal intégré avec PlatformIO Core (CLI) et puissant moniteur de port série.

Installer l'extension PlatformIO en entrant son nom dans la barre de recherche des

• Source : Getting Started with Python in VSCode
• Lectures connexes
  • Wiki Python et MicroPython

3.4.1 Présentation

“Travailler avec Python dans Visual Studio Code, en utilisant l'extension Microsoft Python, est simple, amusant et productif. Cette extension fait de VSCode un excellent IDE et s’applique à n’importe quel système d’exploitation avec une variété d’interpréteurs Python. Il exploite toute la puissance de VSCode pour fournir des fonctions de complétion automatique et IntelliSense, de lintérisation, de débogage et de test unitaire, ainsi que la possibilité de basculer facilement entre les environnements Python, y compris les environnements virtuels et conda. Site VSCode

3.4.2 Installations

• Anaconda
  • Installer une distribution Anaconda en suivant le document Outils - Installer et utiliser Anaconda avec VSCode

• Extensions Python pour VSCode
  • Installer la liste des extensions ci-dessous en entrant leur nom dans la barre de recherche de

• Installer SQLite en entrant son nom dans la barre de recherche.

Il est facile de configurer Visual Studio Code grâce à ses différents paramètres. Les différentes parties de l'éditeur et de l'interface utilisateur de VSCode comportent des options que vous pouvez modifier.

VSCode propose deux paramétrages :

• Paramètres utilisateur (User Settings) – Les paramètres s'appliquent à toutes les instances de VSCode.
• Paramètres de l'espace de travail (Workspace Settings) – Les paramètres sont stockés dans votre espace de travail et ne s'appliquent que lorsque l'espace de travail est ouvert.

On accède aux paramètres de réglage de l'éditeur à partir de Fichier → Préférences → Paramètres ou → Paramètres ou (Ctrl+,)

• Pour avoir un espace de travail vide au démarrage
  • Barre de recherche des paramètres : entrer window puis sélectionner none pour Window:Restore Windows

• Barre de recherche des paramètres : entrer editor.tabCompletion puis on.

• Intellisense
  • Barre de recherche des paramètres des paramètres : entrer Intelli Sense Engine → C_Cpp: Intelli Sense Engine :
    • Default fournit des résultats contextuels (à choisir si on ne connaît pas les noms des attributs, méthodes de la classe)
    • Tag Parser fournit des résultats “flous” qui ne sont pas sensibles au contexte (à choisir si on connaît le nom des attributs, méthodes de la classe).
    • Disabled désactive les fonctionnalités du service de langage C / C ++.

• Intellisense
  • Barre de recherche des paramètres
    • entrer suggest basic et décocher PHP: Suggest:Basic
    • entrer format et cocher Editor: Format on save après avoir sélectionné Editeur de texte

L'utilisation de cette extension nécessite l'installation de xdebug. Voir Live coding et l'exemple de modification du fichier php.ini.

Créer un dossier destiné à recevoir le projet en dehors de VSCode (par exemple sur le bureau ou sur un serveur). Intégrer ce dossier à VSCode à partir de Fichier → Ouvrir le dossier ou par un glisser-déposer.
Exemple : Projet HelloWorld

Placer la souris sur le nom du projet. Les icônes apparaissent . Cliquez sur pour créer un fichier.
Exemple : fichier hello.py

Placer la souris sur le nom du projet. Les icônes apparaissent . Cliquez sur pour créer un dossier.
Exemple : dossier lib

• Sélection du mot sous le curseur ou de sa prochaine occurrence (Ctrl+D)
• Curseur multiple (Alt+Click)
• Remplacement multiple (Ctrl+F2)
• Complétion de code (Ctrl+ESPACE) ou ”.“ pour la sélection, (ENTER) pour la validation
• Go to définition (F12) si supporté par le langage
• Go to symbol (Ctrl+shift+O)
• Survol (Pour les langages qui le supportent comme CSS, des informations complémentaires sont délivrées)
• Affichage des erreurs et des avertissements (Ctrl+Shift+M)
• Snippets utilisateur (à créer : Fichier → préférences) et Emmet intégrés

• 5.5.1 Généralités
  

IntelliSense est un terme général pour une variété de fonctionnalités d'édition de code, y compris : la complétion du code, les informations sur les paramètres, les brèves et les listes de membres. Les fonctionnalités d'IntelliSense sont parfois appelées “complétion de code”, “aide au contenu” et “astuce de code”.

• Types de complétion
  • Source : IntelliSence dans VSCode

Symbole	Description	Symbole	Description
	Méthodes, fonctions, constructeurs		Mots-clés
	Variables et champs		Propriétés, attributs
	Classes		Interfaces
	Valeurs, énumérations		Références

* Source : Édition de base