outils:vscode:generalites

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
outils:vscode:generalites [2024/05/10 16:40] – [1. Introduction] philoutils:vscode:generalites [2025/01/09 18:51] (Version actuelle) – [3.4 Extensions pour le langage Python] phil
Ligne 2: Ligne 2:
  
 ===== IDE VSCode - Généralités ===== ===== IDE VSCode - Généralités =====
-[Mise à jour le 14/1/24]+[Mise à jour le 8/1/2025]
  
   * **Sources**   * **Sources**
Ligne 25: 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 38: 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 88: 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 113: 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.
 +</callout>
 +
 +\\
  
 {{  :outils:vscode:microsoft.visualstudio.services.icons.png?nolink&60|}} {{  :outils:vscode:microsoft.visualstudio.services.icons.png?nolink&60|}}
Ligne 118: Ligne 138:
  
   * **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 123: 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.
  • outils/vscode/generalites.1715352013.txt.gz
  • Dernière modification : 2024/05/10 16:40
  • de phil