Comment Installer Visual Studio Code Sur Raspberry Pi

Visual Studio Code est l’un des meilleurs éditeurs de code actuellement disponibles. Il est développé par Microsoft, mais il est disponible sous Linux, et peut facilement être installé sur un Raspberry Pi. J’utilise cet éditeur presque tous les jours pour mes projets Raspberry Pi ou de développement en général. Laissez-moi vous expliquer comment bien démarrer avec ce logiciel.

Visual Studio Code figure désormais dans la liste des logiciels recommandés sur Raspberry Pi OS, il peut donc être installé en un clic via cet outil. Après quelques étapes de configuration, l’éditeur peut être utilisé de la même manière que sur un ordinateur standard.

Commençons par les étapes nécessaires à l’installation, puis je partagerai quelques conseils pour tirer le meilleur parti de cet outil sur votre Raspberry Pi.

À propos, si vous débutez sur Raspberry Pi et que vous souhaitez accélérer les choses (tout en vous amusant), n’hésitez pas à télécharger mon e-book Maitrisez Raspberry Pi en 30 jours. Il s’agit d’un défi de 30 jours dans lequel vous apprendrez une nouvelle compétence chaque jour. Vous économiserez du temps et de l’argent et pourrez enfin profiter de votre Raspberry Pi à son plein potentiel. Je vous offre d’ailleurs 10% de remise aujourd’hui si vous utilisez ce lien !

Conditions préalables à l’installation de Visual Studio Code sur Raspberry Pi

Avant de commencer le processus d’installation, assurez-vous d’avoir ces prérequis à l’esprit.

Exigences matérielles

Pour des performances optimales, il est recommandé d’utiliser un Raspberry Pi 4. Visual Studio Code est probablement l’un des meilleurs éditeurs, mais pas nécessairement le plus léger. Vous bénéficierez donc d’une meilleure expérience si vous optez pour un modèle doté d’une plus grande puissance de traitement et d’une meilleure mémoire.

À part cela, il n’y a pas d’exigences majeures pour utiliser VS Code sur Raspberry Pi. Une connexion réseau stable est recommandée, ainsi qu’un clavier et une souris confortables si votre objectif est de coder sur le Raspberry Pi. Mais je suppose que vous avez déjà cela (sinon, consultez mes claviers préférés pour Raspberry Pi ici).

Exigences logicielles

Visual Studio Code est disponible pour Windows, Linux et Mac. Sous Linux, vous disposez de nombreuses options (.deb, .rpm, snap, script ou sources), pour différentes architectures (x64, arm32 et arm64). Il devrait donc fonctionner sur n’importe quel ordinateur (page de téléchargement).

Sur Raspberry Pi OS, l’installation est simple car elle est possible avec les outils par défaut, je recommande donc de les utiliser. N’importe quelle version de Raspberry Pi OS avec un environnement de bureau convient.

Veillez à effectuer les mises à jour du système avant d’aller plus loin. Vous pouvez utiliser l’outil graphique, ou simplement copier et coller ces commandes dans un terminal :
sudo apt update; sudo apt upgrade -y

Les exigences matérielles étant satisfaites et Raspberry Pi OS mis à jour, vous pouvez maintenant installer Visual Studio Code.

Note : Lors de la rédaction de ce tutoriel, je teste le processus d’installation sur un Raspberry Pi 4 avec la dernière version de Raspberry Pi OS (64 bits).

Installation de VS Code sur Raspberry Pi

Voici les étapes à suivre pour installer Visual Studio Code sur Raspberry Pi :

• Ouvrez l’application Recommended Software.
• Allez dans Programming et trouvez Visual Studio Code.
• Cochez la case « Install » et cliquez sur « Apply » pour lancer l’installation.

Je détaille ces étapes dans les sections suivantes si vous n’avez jamais utilisé cet outil auparavant.

Ouvrez l’application Recommended Software du Raspberry Pi

L’application « Recommend Software » sur Raspberry Pi OS vous permet d’installer rapidement les applications qui sont entièrement prises en charge par la fondation Pi, et incluses dans la version « complète ».

Il est limité, mais il est bien plus pratique que le gestionnaire de paquets traditionnel. Quoi qu’il en soit, commençons par ouvrir l’outil afin d’installer Visual Studio Code :

• Accédez au menu principal (icône Raspberry Pi dans le coin supérieur gauche).
• Ouvrez les « Preferences », et trouvez-y les « Recommended Software ».
• Cliquez dessus, vous devriez obtenir une fenêtre comme celle-ci :

Installer Visual Studio Code

Dans l’outil « Recommended Software », vous pouvez voir toutes les applications et les filtrer par catégorie.

Cliquez sur « Programming » et faites défiler la liste jusqu’en bas, vous devriez y trouver « Visual Studio Code ». Cliquez ensuite sur la case à cocher pour l’installer :

Cliquez ensuite sur « Apply » pour lancer l’installation. Le système fera tout pour vous en arrière-plan, pas de commande, pas de mot de passe, il suffit d’attendre quelques secondes.

Lancer VS Code pour la première fois

Une fois installé, VS Code est disponible dans le menu principal sous « Programming » avec les autres éditeurs de texte préinstallés par défaut (Geany et Thonny).

Un assistant de bienvenue s’ouvrira lors du premier lancement, je recommande de le suivre si vous n’avez jamais utilisé cet éditeur auparavant, il vous aidera à personnaliser l’interface et vous présentera des fonctionnalités importantes :

Voilà, Visual Studio Code est maintenant installé et fonctionne sur votre Raspberry Pi. Vous voyez ? Ce n’était pas si difficile. Laissez-moi vous présenter cet outil un peu plus en détail afin que vous puissiez rapidement commencer à travailler sur vos projets.

Bien commencer avec VS Code sur Raspberry Pi

Dans l’ensemble, VS Code est un éditeur de texte intuitif, et sa prise en main ne devrait pas être trop compliquée (pas comme certains IDE où il faut un diplôme pour créer un fichier texte). Mais il comprend encore de nombreuses fonctionnalités, alors laissez-moi vous guider à travers les plus importantes.

Aperçu de l’interface

Je pense que les développeurs ont fait un excellent travail en gardant l’interface par défaut assez simple. De nombreuses fonctionnalités sont disponibles, mais elles sont pour la plupart cachées lorsque vous ouvrez l’outil pour la première fois.

Ainsi, si votre objectif est simplement d’écrire quelques scripts Python sur votre Raspberry Pi, vous pouvez commencer tout de suite. Voici les principaux éléments que vous verrez lorsque vous ouvrirez un fichier :

• Le menu supérieur : il est similaire à ceux que vous avez avec Notepad++ ou d’autres éditeurs basiques. Il vous permet d’accéder aux principales fonctionnalités (ouvrir, enregistrer, rechercher, etc.).
• Ensuite, je pense que vous avez trois colonnes par défaut :
  • Le menu de gauche : C’est là que se trouvent les icônes dans la barre de gauche sur ma capture d’écran. Elles vous donnent accès aux fonctionnalités les plus importantes que j’expliquerai plus tard (recherche, contrôle de source, extensions, …).
  • Une colonne qui dépend de l’élément du menu de gauche qui est actif : Par exemple, si vous cliquez sur l’icône de recherche, un moteur de recherche s’affichera dans une colonne insérée entre les icônes de gauche et le fichier texte.
  • Vos fichiers de code : La majeure partie de l’écran est alors disponible pour vos scripts. Vous pouvez en ouvrir autant que vous voulez en même temps (un onglet pour chaque fichier). Vous pouvez diviser la vue pour voir plusieurs fichiers à la fois.
• En résumé : Le violet sur ma capture d’écran. Il vous donne quelques informations basiques (comme le numéro de ligne, le format du script, etc.), mais d’autres fonctionnalités y seront également ajoutées si vous activez les extensions.

Vous pouvez ensuite jouer avec le menu « View » pour ajouter des fenêtres optionnelles. Par exemple, dans ma capture d’écran, j’ai activé la fenêtre « Terminal », ce qui me permet de taper des commandes Linux (et d’exécuter mon script bash) directement à partir de l’éditeur.

Pour être exhaustif, les fonctionnalités disponibles dans le menu de gauche sont les suivantes :

• Explorateur : Vous y trouverez une liste des fichiers. En général, vous travaillez sur un seul projet, avec tous les fichiers dans un seul dossier, et vous pouvez avoir un aperçu des fichiers du projet ici pour pouvoir les ouvrir rapidement.
• Recherche : Un moteur de recherche. Il fonctionne très bien, surtout si vous cherchez quelque chose dans l’ensemble de votre projet.
• Contrôle de code source : si vous utilisez Git ou SVN, vous pouvez tout contrôler directement depuis l’éditeur.
• Exécuter et déboguer : Probablement pas très utile pour les projets Raspberry Pi, cela dépend du langage que vous utilisez et de la complexité de votre code.
• Extensions : Il s’agit d’un outil très puissant. Non seulement VS Code dispose de nombreuses fonctionnalités par défaut, mais il y a aussi une sorte de magasin d’applications où vous pouvez trouver et installer des extensions supplémentaires à partir de la place de marché (plus de détails plus loin).
• Comptes : Il est désormais possible d’avoir un compte et de synchroniser vos fichiers et paramètres sur plusieurs ordinateurs.
• Paramètres : Vous pouvez peut-être y faire un tour rapide la première fois pour voir s’il y a quelque chose que vous devez changer dans les paramètres par défaut (police, taille des onglets, raccourcis, etc.).

Cela peut donc être aussi simple ou avancé que vous le souhaitez ou en avez besoin. Toutes les fonctionnalités ou options ne sont pas activées par défaut, ce qui est une bonne chose. Parlons un peu plus de la partie extensions, qui est très intéressante et qui n’est pas disponible dans la plupart des autres éditeurs.

Extensions

Nous avons l’habitude d’avoir des boutiques d’applications sur les smartphones, les systèmes d’exploitation ou les navigateurs web. Mais pour un éditeur de texte, ce n’est pas si courant.

Dans Visual Studio Code, vous pouvez cliquer sur l’icône Extensions dans le menu de gauche pour accéder à une liste de fonctionnalités supplémentaires qui peuvent être ajoutées : prise en charge des langues, contrôle de version, personnalisation, etc.

Un moteur de recherche est disponible pour trouver rapidement ce dont vous avez besoin, mais l’éditeur en propose également un. Dans mon exemple, j’ai sélectionné Python et Jupyter, qui semblent plutôt intelligents.

L’extension Python vous permettra d’utiliser la fonction « Exécuter et déboguer » pour vos scripts Python, d’améliorer le formatage et l’analyse du code, ainsi que de nombreuses autres options pour votre code Python.

J’installe généralement l’extension principale pour chaque langue que j’utilise, quelques extensions de personnalisation (plus d’informations à ce sujet dans la partie suivante), et divers outils que je trouve utiles (par exemple, j’en ai un qui détecte les commentaires //TODO dans mon code et les regroupe tous en un seul endroit).

C’est vraiment agréable d’avoir cela à disposition. S’il y a une fonctionnalité qui vous manque dans un autre éditeur, vous la trouverez probablement ici. Utilisez le moteur de recherche pour trouver tout ce dont vous rêvez, ça existe probablement déjà.

Personnalisation

Par défaut, Visual Studio Code dispose déjà de nombreuses options avec lesquelles vous pouvez jouer dans les paramètres, mais vous trouverez également plusieurs extensions pour personnaliser le style de votre éditeur. Vous pouvez trouver des thèmes entiers dans les extensions, pour changer complètement l’apparence de l’éditeur sur votre système.

J’installe généralement l’extension « Blackboard Plus » qui rend l’interface bleu foncé et modifie un peu la coloration syntaxique, mais n’hésitez pas à chercher « theme » dans les extensions, et à tester celles qui vous semblent intéressantes :

Développement à distance

Un petit mot sur le développement à distance avec Visual Studio Code. C’est un terme à la mode, mais cela peut être utile avec un Raspberry Pi. L’idée est de travailler depuis votre ordinateur mais d’exécuter des scripts sur le Raspberry Pi à distance.

Pour autant que je sache, il y a globalement deux façons de procéder :

• Développement complet à distance : vous faites tout à partir de l’ordinateur. Vous écrivez et exécutez des scripts sur le Raspberry Pi depuis votre ordinateur principal.
• Écriture à distance, exécution locale : vous écrivez du code sur votre ordinateur principal, puis vous le transférez sur le Raspberry Pi pour l’exécuter (ou le programmer).

Pour le premier cas, il y a un pack avec 4 extensions disponibles et promues dans la liste des extensions (Remote Development), vous n’aurez peut-être pas besoin de toutes, mais c’est la façon la plus simple de commencer. Il se connectera via SSH pour transférer et exécuter les scripts.

Je ne l’utilise pas, donc je n’ai pas de commentaire particulier à ce sujet. Je le trouve simplement trop compliqué parce que généralement, la seule chose que je veux, c’est écrire le code depuis mon ordinateur et le synchroniser avec le Pi, c’est pourquoi j’utilise cet autre logiciel à la place :

Il est très simple à utiliser (un peu moins à mettre en place, mais pas trop).

Vous le configurez pour chaque projet (dossier), si vous souhaitez que les fichiers soient synchronisés vers un autre serveur Linux (votre Raspberry Pi). Chaque dossier peut avoir un fichier de configuration différent avec le serveur de destination, l’identifiant et le mot de passe.

Une fois fait (une seule fois pour chaque dossier), chaque fois que vous enregistrez un fichier (CTRL+S) sur votre ordinateur, il est immédiatement synchronisé sur le Raspberry Pi. Vous ne pouvez pas exécuter le script directement depuis l’ordinateur, mais il est disponible sur le Pi, donc si vous utilisez SSH, ou si c’est un serveur web, c’est très pratique.

C’est ce que je fais pour tous mes petits projets (quand je n’utilise pas un système de contrôle de version). Ce n’est peut-être pas la meilleure pratique, mais cela fonctionne bien pour moi. Choisissez l’option que vous préférez (ou faites tout depuis le Pi !).

Et si vous souhaitez en savoir plus sur les éditeurs de texte et la programmation sur Raspberry Pi, voici une liste d’articles qui pourraient vous intéresser :

• Les 7 meilleurs éditeurs de texte pour coder sur Raspberry Pi
• Python sur Raspberry Pi : Les 5 meilleures bibliothèques pour tous les développeurs (en anglais)
• Comment programmer en Python sur Raspberry Pi ? (Tuto facile)
• Programmez en C++ sur Raspberry Pi (Les bases + exemples)

Aussi, mon but n’était pas d’écrire une documentation exhaustive sur la façon d’utiliser Visual Studio Code ici, juste de vous donner un aperçu rapide et quelques conseils d’utilisation sur un Raspberry Pi. À part cela, vous pouvez consulter leur documentation officielle ici, où ils expliquent toutes les fonctionnalités en détail.

Une fois installé, son utilisation sur un Raspberry Pi ne diffère pas de celle sur un PC ou un Mac.

Ressources supplémentaires pour votre Raspberry Pi

Initiation au Raspberry Pi en vidéo
Si vous débutez et voulez passer rapidement à la vitesse supérieure, j’ai exactement ce qu’il vous faut.
Regardez ma formation vidéo qui vous aidera à démarrer du bon bien, choisir votre matériel, installer les meilleures applications et vous lancer directement dans vos premiers projets avec mon aide.
Regarder les vidéos dès maintenant

Maîtrisez votre Raspberry Pi en 30 jours
Vous avez besoin de plus ? Si vous êtes à la recherche des meilleures astuces pour devenir expert sur Raspberry Pi, ce livre est fait pour vous. Développez vos compétences sous Linux et pratiquez via de nombreux projets en suivant mes guides étape par étape. 10% de remise aujourd’hui !
Télécharger le livre au format PDF ici

Maîtrisez Python sur Raspberry Pi
Pas besoin d’être un génie pour coder quelques lignes pour votre Raspberry Pi.
Je vous apprends juste ce qu’il faut sur Python afin de réaliser n’importe quel projet. La seconde partie du livre est d’ailleurs consacrée à des exemples de projets où je vous guide pas à pas.
Ne perdez pas de temps, apprenez le strict nécessaire et économisez 10% avec ce lien :
Télécharger maintenant

Autres ressources pour profiter de votre Raspberry Pi
J’ai regroupé toutes mes recommandations de logiciels, sites utiles et de matériel sur cette page de ressources. Je vous invite à la consulter régulièrement pour faire les bons choix et rester à jour.
Visiter les pages ressources