**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) .
**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) .
+
+
\\
+
=== 1.1 Caractéristiques ===
=== 1.1 Caractéristiques ===
Ligne 22:
Ligne 25:
* <html><a href="https://code.visualstudio.com/docs/editor/emmet" target="_blank"><strong>Emmet abréviations</strong></a></html>((**Emmet** est un plug-in permettant de créer rapidement une structure HTML/CSS, existant sous forme d’extension pour tous les principaux éditeurs de texte et environnements de développement.)) en HTML, Razor, CSS, Less, Sass, XML et Jade avec la touche de tabulation [Tab].
* <html><a href="https://code.visualstudio.com/docs/editor/emmet" target="_blank"><strong>Emmet abréviations</strong></a></html>((**Emmet** est un plug-in permettant de créer rapidement une structure HTML/CSS, existant sous forme d’extension pour tous les principaux éditeurs de texte et environnements de développement.)) en HTML, Razor, CSS, Less, Sass, XML et Jade avec la touche de tabulation [Tab].
* **Débogage**((Le **débogage** est un processus de diagnostic, de localisation et d’élimination des erreurs des programmes informatiques; ce processus permet aussi la vérification (autrement dit le test) du programme en cours d’élaboration.)) dans Nodejs.
* **Débogage**((Le **débogage** est un processus de diagnostic, de localisation et d’élimination des erreurs des programmes informatiques; ce processus permet aussi la vérification (autrement dit le test) du programme en cours d’élaboration.)) dans Nodejs.
+
+
\\
+
=== 1.2 L'interface utilisateur===
=== 1.2 L'interface utilisateur===
Ligne 35:
Ligne 41:
<callout type="primary" icon="true">Chaque fois que vous chargez un projet dans VSCode, il apparaît dans le **même état** que lors de sa dernière fermeture. Le dossier, la disposition et les fichiers ouverts sont conservés.</callout>
<callout type="primary" icon="true">Chaque fois que vous chargez un projet dans VSCode, il apparaît dans le **même état** que lors de sa dernière fermeture. Le dossier, la disposition et les fichiers ouverts sont conservés.</callout>
+
+
\\
+
==== 2. Installation de l'IDE ====
==== 2. Installation de l'IDE ====
{{ :outils:vscode:vscode.jpg?nolink&60|}}
{{ :outils:vscode:vscode.jpg?nolink&60|}}
Se rendre sur la <html><a href="https://code.visualstudio.com/" target="_blank"><strong>page</strong></a></html> du site Visual Studio Code et **double-cliquer** sur le fichier téléchargé. Des **extensions** ajoutent des fonctionnalités au logiciel.
Se rendre sur la <html><a href="https://code.visualstudio.com/" target="_blank"><strong>page</strong></a></html> du site Visual Studio Code et **double-cliquer** sur le fichier téléchargé. Des **extensions** ajoutent des fonctionnalités au logiciel.
+
+
\\
+
==== 3. Installation des extensions ====
==== 3. Installation des extensions ====
Ligne 55:
Ligne 67:
| **WSL** |
| **WSL** |
-
<callout type="warning" icon="true">**C, C++** nécessite nécessite des outils de compilation, debug. Installer **GCC avec MinGW** en suivant le <html><a href="https://code.visualstudio.com/docs/cpp/config-mingw" target="_blank">tutoriel</a></html>.</callout>.
+
<callout type="warning" icon="true">**C, C++** nécessite des outils de compilation, debug. Installer **GCC avec MinGW** en suivant le <html><a href="https://code.visualstudio.com/docs/cpp/config-mingw" target="_blank">tutoriel</a></html>.</callout>.
=== 3.2 Extensions pour le Web ===
=== 3.2 Extensions pour le Web ===
Ligne 85:
Ligne 97:
<callout type="warning" icon="true">Voir le [[outils:vscode:platformio|wiki]] pour l'installation de l'extension. Une **prise en main** de l'extension **PlatformIO** pour VSCode est proposée sur <html><a href="https://randomnerdtutorials.com/vs-code-platformio-ide-esp32-esp8266-arduino/" target="_blank">RANDOM NERD TUTORIALS</a></html>.</callout>
<callout type="warning" icon="true">Voir le [[outils:vscode:platformio|wiki]] pour l'installation de l'extension. Une **prise en main** de l'extension **PlatformIO** pour VSCode est proposée sur <html><a href="https://randomnerdtutorials.com/vs-code-platformio-ide-esp32-esp8266-arduino/" target="_blank">RANDOM NERD TUTORIALS</a></html>.</callout>
+
\\
=== 3.4 Extensions pour le langage Python ===
=== 3.4 Extensions pour le langage Python ===
Ligne 110:
Ligne 123:
+
** 3.4.3 Gérer plusieurs versions de Python sous Windows avec pyenv-win**
+
- Installer pyenv en suivant les indication de la page [[:python:outils:pyenv|Gérer plusieurs versions de Python sous Windows avec pyenv-win]]
+
- Si VSCode s'exécute dans un autre compte que celui de l'administrateur : \\ <callout type="tip" color="red" title="Variables d'environnement" icon="true">Ajouter :
+
* PYENV = c:\chemin vers\.pyenv\pyenv-win
+
* PYENV_HOME = c:\chemin vers\.pyenv\pyenv-win
+
* PYENV_ROOT = c:\chemin vers\.pyenv\pyenv-win
+
dans les variables d'environnement du compte ou système.
* **Installer SQLite** en entrant son nom dans la barre de recherche.
* **Installer SQLite** en entrant son nom dans la barre de recherche.
+
+
\\
+
=== 3.6 Extensions pour PHP ===
=== 3.6 Extensions pour PHP ===
Ligne 120:
Ligne 146:
| **PHP Debug** |
| **PHP Debug** |
| **PHP Intelephense** |
| **PHP Intelephense** |
+
+
\\
+
+
==== 4. Réglages ====
==== 4. Réglages ====
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.
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.
phil