09/10/2022

Visual Studio Code (VSCode)

Visual Studio Code (VSCode)
Présentation
Installation
Installation Ubuntu
Espace de travail (workspace)
Paramètres
Palette de commandes
Les raccourcis
Gestion du contrôle de source
Les extensions
Divers
C/C++
Git
Markdown
Java
Diagrammes
Conteneur
Base de données
Voir aussi

Présentation
VSCode est un « éditeur de code » développé par Microsoft sous licence open source (MIT) et
disponible pour Windows (7, 8 et 10), macOS (10.10 et supérieur) et GNU/Linux. Il utilise des
extensions pour devenir pleinement un EDI ou IDE.

Liens :

[Link]
[Link]
[Link]
[Link]

Installation
Download
Setup
Getting Started

Installation Ubuntu
sudo apt install --assume-yes --install-recommends software-properties-common apt-tran
sudo apt install --assume-yes --install-recommends python3 python3-venv

1/9
 09/10/2022

wget -q [Link] -O- | sudo apt-key add -

sudo add-apt-repository "deb [arch=amd64] [Link]
sudo apt update && sudo apt install --assume-yes code

Espace de travail (workspace)

C'est une notion importante de l'utilisation de VSCode. Pour l’éditeur, un dossier est un espace
de travail. Il est possible d’organiser autant d’espaces de travail que l’on souhaite. Dès le
lancement de VSCode, l’explorateur demande l’ouverture d’un dossier pour commencer à
travailler.

Il est possible de lancer VSCode en ligne de commande directement à partir d'un dossier :

cd <dossier>
code .

Paramètres
Les paramètres de VSCode sont accessibles via
Fichier > Préférences > Paramètres et sont définis dans un fichier JSON
[Link] :

Sous Windows : %APPDATA%\Code\User\[Link]

Sous Mac : $HOME/Library/Application Support/Code/User/[Link]
Sous Linux : $HOME/.config/Code/User/[Link]

Les paramètres de personnalisation sont stockés dans un dossier .vscode et ne s’activent

que lorsque l’espace de travail est ouvert dans l’éditeur.

Palette de commandes
VSCode propose également un exécuteur de commandes intégré et facilement accessible
avec le raccourci Ctrl+Maj+P .

Les raccourcis
Liens :

[Link]
[Link]

Pour le C++ :

Renommer le symbole : F2
Atteindre la définition : F12 (il faut configurer un raccourci pour "Atteindre la déclaration")
Atteindre les références : Maj + F12
Basculer sur les fichiers ouverts : Ctrl+Tab
Aller à un fichier : Ctrl+P
2/9
 09/10/2022

Aller à un symbole : Ctrl+Maj+O

Suggestions : Ctrl+Espace et Ctrl+Maj+Espace

Quelques raccourcis :

Terminal : Ctrl+Shift+T
Barre latérale : Ctrl+B
Source Control : Ctrl+Maj+G
Extensions : Ctrl+Maj+X
Palette de commandes : Ctrl+Maj+P
Aperçu Markdown : Ctrl+Maj+V ou côte à côte avec Ctrl+K V

Gestion du contrôle de source

VSCode intégre la gestion du contrôle de source (SCM) et inclut par défaut la prise en charge
de Git.

Liens :

[Link]
[Link]

Il existe de nombreuses extensions pour faciliter l'utilisation de Git dont Git Extension Pack.

Les extensions
Lister les extensions installées :

code --list-extensions

Installer une extension :

code --install-extension <extension>

Divers
Quelques extensions utiles :

vscode-icons : [Link]
[Link]-icons
change-case : [Link]
case
Better Comments : [Link]
[Link]-comments
Bracket Pair Colorizer 2 : [Link]
itemName=[Link]-pair-colorizer-2
Trailing Spaces : [Link]
itemName=[Link]-spaces
3/9
 09/10/2022

Path Autocomplete : [Link]

autocomplete
Dash : [Link]
Rainbow CSV : [Link]
itemName=[Link]-csv
tl;dr pages : [Link]

code --install-extension [Link]-icons

code --install-extension [Link]-case
code --install-extension [Link]-comments
code --install-extension [Link]-pair-colorizer-2
code --install-extension [Link]-spaces
code --install-extension [Link]-autocomplete
code --install-extension [Link]-dash
code --install-extension [Link]-csv
code --install-extension [Link]-tldr

Voir aussi :

Terminal : [Link]
Terminal Zoom : [Link]
zoom

C/C++
Pré-requis Ubuntu :

sudo apt install --assume-yes --install-recommends make gcc g++ clang-format clang-tid

L'extension C/C++ ajoute la prise en charge du langage C/C++ à Visual Studio Code.

Documentations et tutoriels :

[Link]
[Link]

Le pack [Link]-extension-pack comprend un ensemble d'extensions

pour le développement C++ dans Visual Studio Code :

C/C++ : [Link]
C/C++ Themes : [Link]
[Link]-themes
CMake : [Link]
CMake Tools : [Link]
tools
Doxygen Documentation Generator : [Link]
itemName=[Link]
Better C++ Syntax : [Link]
cpp-syntax

4/9
 09/10/2022

Remote Development Extension Pack : [Link]

itemName=[Link]-remote-extensionpack

code --install-extension [Link]-extension-pack

Il existe de nombreuses autres extensions pour le C/C++, par exemple :

Easy C++ projects : [Link]

cpp-projects
C/C++ Makefile Project : [Link]
markovic.c-cpp-makefile-project
C/C++ Compile Run : [Link]
itemName=danielpinto8zz6.c-cpp-compile-run
C/C++ Project Generator : [Link]
itemName=danielpinto8zz6.c-cpp-project-generator
Cpp Reference : [Link]
reference
Clang-Format : [Link]
Diff : [Link]

code --install-extension [Link]-cpp-projects

code --install-extension adriano-markovic.c-cpp-makefile-project
code --install-extension [Link]-reference
code --install-extension danielpinto8zz6.c-cpp-compile-run
code --install-extension danielpinto8zz6.c-cpp-project-generator
code --install-extension [Link]-format
code --install-extension [Link]-diff

La prise en charge des TODO dans le code :

code --install-extension [Link]-todo-highlight

code --install-extension [Link]-todo-parser
code --install-extension [Link]-tree

Voir aussi :

Tabnine : [Link]

Git
Git est intégré dans VSCode notamment dans le contrôle de source (SCM).

Liens :

[Link]
[Link]

Il existe de nombreuses extensions pour faciliter l’utilisation de Git dont Git Extension Pack qui
comprend :

5/9
 09/10/2022

Git History : [Link]

Project Manager : [Link]
itemName=[Link]-manager
GitLens : [Link]
gitignore : [Link]
Open in GitHub / Bitbucket / [Link] : [Link]
itemName=[Link]-open-in-github

code --install-extension [Link]-extension-pack

Et quelques autres :

GitHub Pull Requests and Issues : [Link]

itemName=[Link]-pull-request-github
GitHub Repositories : [Link]
itemName=[Link]
Git Graph : [Link]
Git Project Manager : [Link]
itemName=[Link]-project-manager
Git Blame : [Link]
Git File History : [Link]
itemName=[Link]-git-history

code --install-extension [Link]-pull-request-github

code --install-extension [Link]
code --install-extension [Link]-graph
code --install-extension [Link]-project-manager
code --install-extension [Link]
code --install-extension [Link]-git-history

Il existe aussi une extension pour intégrer les outils d'Atlassian dont Jira et Bitbucket :
[Link]

code --install-extension [Link]

VSCode possède une extension dédiée à GitHub Classroom. Elle permet de parcourir les
devoirs et de commencer à travailler dessus. Elle apparaît dans l’onglet de l’extension GitHub
et il faut commencer par s’authentifier. La liste des devoirs apparaît alors dans l’arborescence.

code --install-extension [Link]-pull-request-github

code --install-extension [Link]

Liste des extensions pour Github : [Link]

term=GitHub&target=VSCode

Markdown

6/9
 09/10/2022

Markdown est un langage de balisage léger créé par John Gruber en 2004. Son but est d’offrir
une syntaxe facile à lire et à écrire. Il est très utilisé par les développeurs.

Lien : [Link]

VSCode prend en charge automatiquement les fichiers Markdown qui ont l'extension .md .

Il existe des packs d'extensions Markdown : [Link]

itemName=[Link]-extension-pack

Markdown All in One : [Link]

itemName=[Link]-all-in-one
Markdown Preview Enhanced : [Link]
itemName=[Link]-preview-enhanced
Markdown PDF : [Link]
pdf
markdownlint : [Link]
markdownlint
Markdown TOC : [Link]
itemName=[Link]-toc
...

Java
Pré-requis Ubuntu :

sudo apt install --assume-yes --install-recommends default-jdk

Lien : [Link]

Le pack Extension Pack for Java installera les extensions suivantes :

Language Support for Java by Red Hat : [Link]

itemName=[Link]
Debugger for Java : [Link]
java-debug
Test Runner for Java : [Link]
itemName=[Link]-java-test
Maven for Java : [Link]
maven
Project Manager for Java : [Link]
itemName=[Link]-java-dependency
Visual Studio IntelliCode : [Link]
itemName=[Link]

Dans la plupart des projets, les dépendances de bibliothèques tierces en Java sont gérées
traditionnellement par Maven ou Gradle. Il existe une extension pour Gradle :

7/9
 09/10/2022

Gradle for Java : [Link]

gradle

Une fois les extensions Java installées, il est possible d'utiliser le raccourci Ctrl-espace .

Diagrammes
Pré-requis Ubuntu :

sudo apt install --assume-yes --install-recommends graphviz plantuml

[Link] Integration : [Link]

drawio

code --install-extension [Link]-drawio

Il est aussi possible d'intégrer des diagrammes dans Markdown :

Markdown Preview Mermaid Support (prise en charge des diagrammes et organigrammes

Mermaid) : [Link]
mermaid
PlantUML (prise en charge des diagrammes UML (et d'autres) PlantUML) :
[Link]
Graphviz Markdown Preview (création de graphiques avec Graphviz) :
[Link]
preview

code --install-extension [Link]-mermaid

code --install-extension [Link]
code --install-extension [Link]-plantuml-highlight
code --install-extension [Link]-graphviz
code --install-extension [Link]-markdown-preview
code --install-extension [Link]-preview

Conteneur
Pré-requis Ubuntu :

sudo apt install --assume-yes --install-recommends openssh-client

sudo apt install --assume-yes --install-recommends ca-certificates curl gnupg lsb-rele
curl -fsSL [Link] | sudo gpg --dearmor -o /usr/s
echo "deb [arch=$(dpkg --print-architecture) signed-by=/usr/share/keyrings/docker-arch
sudo apt update
sudo apt install --assume-yes --install-recommends docker-ce docker-ce-cli containerd

Le pack Remote Development permet d'ouvrir n'importe quel dossier dans un conteneur ou sur
une machine distante.

Liens :
8/9
 09/10/2022

[Link]
extensionpack
[Link]

Il inclut trois extensions :

Remote - SSH : [Link]

[Link]-ssh
Remote - Containers : [Link]
[Link]-containers
Remote - WSL : [Link]
[Link]-wsl

Base de données
Pré-requis Ubuntu :

sudo apt install --assume-yes --install-recommends sqlite3 sqlitebrowser mysql-server

Quelques extensions :

SQLite : [Link]
MySQL : [Link]
mysql et [Link]
client2
MySQL Syntax : [Link]
itemName=[Link]-syntax

code --install-extension [Link]-sqlite

code --install-extension [Link]-mysql
code --install-extension [Link]-mysql-client2
code --install-extension [Link]-syntax

Voir aussi
Premiers pas avec Visual Studio Code (VSCode) ou [Link]
VSCode et Git
L'extension PlatformIO pour le développement sur systèmes embarqués (Arduino, ESP32,
...)
Markdown et VSCode

© Thierry VAIRA [Link]@[Link]

9/9