{"id":37473,"date":"2025-01-03T18:44:42","date_gmt":"2025-01-03T18:44:42","guid":{"rendered":"\/tutoriels\/?p=37473"},"modified":"2025-04-23T18:17:59","modified_gmt":"2025-04-23T18:17:59","slug":"comment-installer-vs-code-sur-ubuntu","status":"publish","type":"post","link":"\/fr\/tutoriels\/comment-installer-vs-code-sur-ubuntu","title":{"rendered":"Comment installer Visual Studio Code sur Ubuntu"},"content":{"rendered":"<p><strong>Visual Studio Code <\/strong>(VS Code) est un &eacute;diteur de code open-source populaire d&eacute;velopp&eacute; par Microsoft. VS Code Server, une extension de ce logiciel, vous permet d&rsquo;acc&eacute;der &agrave; l&rsquo;&eacute;diteur via un navigateur web, ce qui en fait un choix id&eacute;al pour le d&eacute;veloppement &agrave; distance.<\/p><p>Comme la version de bureau, VS Code Server offre des fonctionnalit&eacute;s telles que la coloration syntaxique, le d&eacute;bogage int&eacute;gr&eacute;, le contr&ocirc;le Git int&eacute;gr&eacute; et la prise en charge de divers langages de programmation.<\/p><p>Dans cet article, vous apprendrez &agrave; installer VS Code Server sur un <strong>serveur priv&eacute; virtuel <\/strong>(VPS) Ubuntu. &Agrave; la fin de ce guide, vous serez en mesure de g&eacute;rer et d&rsquo;&eacute;diter votre code &agrave; distance avec un &eacute;diteur de code complet et accessible par navigateur.<\/p><h2 class=\"wp-block-heading\" id=\"h-conditions-prealables\">Conditions pr&eacute;alables<\/h2><p>Avant d&rsquo;installer VS Code Server sur Ubuntu, assurez-vous que votre serveur r&eacute;pond aux exigences suivantes.<\/p><p>Tout d&rsquo;abord, il doit &ecirc;tre &eacute;quip&eacute; d&rsquo;une version d&rsquo;Ubuntu b&eacute;n&eacute;ficiant d&rsquo;<strong>un support &agrave; long terme <\/strong>(LTS), telle qu&rsquo;Ubuntu <strong>20.04 <\/strong>ou une version ult&eacute;rieure. Votre VPS doit &eacute;galement disposer d&rsquo;au moins <strong>1 Go <\/strong>de RAM et de <strong>200 Mo <\/strong>d&rsquo;espace disque disponible pour permettre l&rsquo;installation et le fonctionnement.<\/p><p>Ensuite, utilisez une connexion internet stable pour t&eacute;l&eacute;charger les fichiers d&rsquo;installation et les d&eacute;pendances n&eacute;cessaires. De plus, vous aurez besoin d&rsquo;un acc&egrave;s administratif ou <strong>sudo <\/strong>sur votre VPS pour installer le logiciel.<\/p><h2 class=\"wp-block-heading\" id=\"h-installation-de-vs-code-sur-ubuntu\">Installation de VS Code sur Ubuntu<\/h2><p>Il y a plusieurs fa&ccedil;ons d&rsquo;installer VS Code Server sur Ubuntu, soit automatiquement via un template, soit manuellement &agrave; l&rsquo;aide de <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/commandes-linux\">commandes Linux<\/a>. Choisissez celle qui convient le mieux &agrave; votre configuration VPS et &agrave; votre expertise technique. Veuillez noter que pour chaque m&eacute;thode, nous utilisons Ubuntu <strong>24.04<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-installation-a-l-aide-du-template-vps-d-hostinger\">Installation &agrave; l&rsquo;aide du template VPS d&rsquo;Hostinger<\/h3><p>L&rsquo;utilisation du template VPS d&rsquo;Hostinger est la mani&egrave;re la plus simple d&rsquo;installer VS Code Server sur Ubuntu. Disponible sur tous nos <a href=\"\/fr\/vps\">plans d&rsquo;h&eacute;bergement VPS<\/a>, ce template vous permet d&rsquo;ex&eacute;cuter l&rsquo;&eacute;diteur de code en quelques clics.<\/p><p>Il est &eacute;galement livr&eacute; avec un environnement pr&eacute;configur&eacute;, de sorte que vous n&rsquo;avez pas besoin de configurer manuellement les d&eacute;pendances et les composants n&eacute;cessaires, ce qui peut &ecirc;tre source d&rsquo;erreurs pour les d&eacute;butants.<\/p><p>Suivez ces &eacute;tapes pour installer le template VS Code Server sur le VPS d&rsquo;Hostinger :<\/p><ol class=\"wp-block-list\">\n<li>Connectez-vous &agrave; hPanel avec votre compte Hostinger et acc&eacute;dez &agrave; <strong>VPS &rarr; G&eacute;rer.<\/strong><\/li>\n\n\n\n<li>Dans la barre lat&eacute;rale gauche, allez dans <strong>OS &amp; Panel &rarr; Syst&egrave;me d&rsquo;exploitation<\/strong>.<\/li>\n\n\n\n<li>S&eacute;lectionnez l&rsquo;onglet <strong>Application <\/strong>et cliquez sur <strong>VS Code<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe1e140821b\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"243\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/template-vs-code-01-03-2025_05_09_PM.png\/public\" alt=\"Le template VS Code sur le VPS de Hostinger \" class=\"wp-image-37486\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/template-vs-code-01-03-2025_05_09_PM.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/template-vs-code-01-03-2025_05_09_PM.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/template-vs-code-01-03-2025_05_09_PM.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/template-vs-code-01-03-2025_05_09_PM.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Cliquez sur <strong>Changer le syst&egrave;me d&rsquo;exploitation <\/strong>et suivez les prompts &agrave; l&rsquo;&eacute;cran pour d&eacute;finir un nouveau mot de passe pour VS Code Server.<\/li>\n<\/ol><p>Attendez la fin du processus d&rsquo;installation, qui devrait prendre environ cinq minutes. Une fois termin&eacute;, allez dans <strong>Aper&ccedil;u g&eacute;n&eacute;ral &rarr; G&eacute;rer l&rsquo;application <\/strong>pour acc&eacute;der &agrave; l&rsquo;&eacute;diteur. Entrez le mot de passe que vous avez d&eacute;fini pr&eacute;c&eacute;demment.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe1e141a113\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1066\" height=\"167\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/Capture-decran-2025-04-23-191701-04-23-2025_07_17_PM.png\/public\" alt=\"Le bouton g&eacute;rer l'application pour acc&eacute;der au serveur VS Code sur le VPS de Hostinger\" class=\"wp-image-39997\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/Capture-decran-2025-04-23-191701-04-23-2025_07_17_PM.png\/w=1066,fit=scale-down 1066w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/Capture-decran-2025-04-23-191701-04-23-2025_07_17_PM.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/Capture-decran-2025-04-23-191701-04-23-2025_07_17_PM.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/Capture-decran-2025-04-23-191701-04-23-2025_07_17_PM.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/Capture-decran-2025-04-23-191701-04-23-2025_07_17_PM.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1066px) 100vw, 1066px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Apr&egrave;s l&rsquo;installation, vous pouvez commencer &agrave; personnaliser votre environnement, &agrave; installer des extensions tierces et &agrave; g&eacute;rer vos d&eacute;p&ocirc;ts de code. <\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe1e141e4eb\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"553\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/interface-vs-code-server.png\/public\" alt=\"Interface principale de VS Code Server\" class=\"wp-image-37490\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/interface-vs-code-server.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/interface-vs-code-server.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/interface-vs-code-server.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/interface-vs-code-server.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/vps\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-VPS-hosting_in-text-banner-1024x300-1.png\/public\" alt=\"\" class=\"wp-image-41471\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-VPS-hosting_in-text-banner-1024x300-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-VPS-hosting_in-text-banner-1024x300-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-VPS-hosting_in-text-banner-1024x300-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-VPS-hosting_in-text-banner-1024x300-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h3 class=\"wp-block-heading\" id=\"h-installation-a-l-aide-du-script-install-sh\">Installation &agrave; l&rsquo;aide du script install.sh<\/h3><p>Vous pouvez &eacute;galement utiliser le script <strong>install.sh <\/strong>pour installer VS Code Server sur votre VPS Ubuntu. Ce script d&eacute;tecte automatiquement le gestionnaire de paquets de votre syst&egrave;me et installe le package appropri&eacute;, minimisant ainsi les probl&egrave;mes potentiels de compatibilit&eacute;.<\/p><p>Voici comment :<\/p><ol class=\"wp-block-list\">\n<li>Connectez-vous &agrave; votre serveur via un terminal ou une application client SSH comme PuTTY. Pour les clients Hostinger VPS, trouvez vos identifiants en acc&eacute;dant &agrave; la section <strong>Informations du VPS<\/strong> en bas de la page <strong>Aper&ccedil;u g&eacute;n&eacute;ral<\/strong> de votre VPS.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe1e1420b11\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1066\" height=\"777\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/informations-vps-actualise-04-23-2025_05_19_PM.png\/public\" alt=\"Les identifiants d'acc&egrave;s SSH sur le VPS d'Hostinger\" class=\"wp-image-39957\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/informations-vps-actualise-04-23-2025_05_19_PM.png\/w=1066,fit=scale-down 1066w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/informations-vps-actualise-04-23-2025_05_19_PM.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/informations-vps-actualise-04-23-2025_05_19_PM.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/informations-vps-actualise-04-23-2025_05_19_PM.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/informations-vps-actualise-04-23-2025_05_19_PM.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1066px) 100vw, 1066px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>Ex&eacute;cutez la <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-utiliser-la-commande-curl-sous-linux\">commande curl<\/a> suivante pour commencer l&rsquo;installation :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">curl -fsSL https:\/\/code-server.dev\/install.sh | sh<\/pre><p>Vous pouvez &eacute;galement personnaliser la commande. Par exemple, pour installer une version sp&eacute;cifique au lieu de la derni&egrave;re version, ex&eacute;cutez :<\/p><pre class=\"wp-block-preformatted\">curl -fsSL https:\/\/code-server.dev\/install.sh | sh -s -- --version=X.X.X<\/pre><p>Remplacez <strong>X.X.X <\/strong>par la version sp&eacute;cifique que vous souhaitez utiliser.<\/p><ol start=\"3\" class=\"wp-block-list\">\n<li>Ouvrez le fichier de configuration avec l&rsquo;<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/nano\">&eacute;diteur de texte nano<\/a> pour modifier l&rsquo;adresse de liaison et r&eacute;cup&eacute;rer le mot de passe :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">nano ~\/.config\/code-server\/config.yaml<\/pre><p>Trouvez la ligne qui commence par <strong>bind-addr : <\/strong>et mettez-la &agrave; jour pour qu&rsquo;elle corresponde &agrave; l&rsquo;adresse IP de votre serveur :<\/p><pre class=\"wp-block-preformatted\">bind-addr: votre_ip_vps:8080<\/pre><p>Dans le fichier, copiez le mot de passe &agrave; utiliser lors de la connexion.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe1e1431980\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"171\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/terminal-nano-config-yaml-1024x171-1.png\/public\" alt=\"L'adresse bind et le mot de passe dans le fichier de configuration de VS Code Server\" class=\"wp-image-37492\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/terminal-nano-config-yaml-1024x171-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/terminal-nano-config-yaml-1024x171-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/terminal-nano-config-yaml-1024x171-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/01\/terminal-nano-config-yaml-1024x171-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Enregistrez vos modifications et quittez <strong>nano <\/strong>en appuyant sur <strong>Ctrl + X &rarr; Y &rarr; Entr&eacute;e<\/strong>.<\/p><ol start=\"4\" class=\"wp-block-list\">\n<li>Lancez VS Code Server en ex&eacute;cutant :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">code-server<\/pre><ol start=\"5\" class=\"wp-block-list\">\n<li>Ouvrez votre navigateur web et allez sur http:\/\/votre_ip_vps:8080. Connectez-vous avec le m&ecirc;me mot de passe que celui du fichier de configuration.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-installation-via-un-paquet-deb\">Installation via un paquet .deb<\/h3><p>La configuration manuelle de VS Code Server via un paquet <strong>.deb <\/strong>permet de mieux contr&ocirc;ler le processus d&rsquo;installation. Avec cette m&eacute;thode, vous pouvez choisir la version du logiciel qui correspond le mieux &agrave; vos besoins et vous assurer que tout est configur&eacute; exactement comme vous le souhaitez.<\/p><p>Voici les instructions :<\/p><ol class=\"wp-block-list\">\n<li>T&eacute;l&eacute;chargez le paquet <strong>.deb <\/strong>sp&eacute;cifique depuis la <a href=\"https:\/\/github.com\/coder\/code-server\/releases\" target=\"_blank\" rel=\"noopener\">page GitHub des versions du VS Code Server<\/a><span style=\"color: initial\">. Remplacez <\/span><strong style=\"color: initial\">$VERSION <\/strong><span style=\"color: initial\">par la version souhait&eacute;e :<\/span><\/li>\n<\/ol><pre class=\"wp-block-preformatted\">curl -fOL https:\/\/github.com\/coder\/code-server\/releases\/download\/v$VERSION\/code-server_$VERSION_amd64.deb<\/pre><ol start=\"2\" class=\"wp-block-list\">\n<li>Installez le paquet &agrave; l&rsquo;aide de la commande <strong>dpkg :<\/strong><\/li>\n<\/ol><pre class=\"wp-block-preformatted\">sudo dpkg -i code-server_${VERSION}_amd64.deb<\/pre><p>Si des probl&egrave;mes de d&eacute;pendance surviennent au cours de l&rsquo;installation, r&eacute;solvez-les en ex&eacute;cutant le programme :<\/p><pre class=\"wp-block-preformatted\">sudo apt --fix-broken install<\/pre><ol start=\"3\" class=\"wp-block-list\">\n<li>Modifiez le fichier de configuration pour d&eacute;finir l&rsquo;adresse de liaison correcte et notez le mot de passe, comme dans la m&eacute;thode pr&eacute;c&eacute;dente :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">nano ~\/.config\/code-server\/config.yaml<\/pre><ol start=\"4\" class=\"wp-block-list\">\n<li>Activez et d&eacute;marrez le service VS Code Server pour vous assurer qu&rsquo;il d&eacute;marre automatiquement &agrave; chaque red&eacute;marrage de votre VPS :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">sudo systemctl enable --now code-server@$USER<\/pre><ol start=\"5\" class=\"wp-block-list\">\n<li>Pour v&eacute;rifier que VS Code Server est en cours d&rsquo;ex&eacute;cution, utilisez la commande suivante :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">systemctl status code-server@$USER<\/pre><p>Si le service est actif, acc&eacute;dez &agrave; VS Code Server via http:\/\/votre_ip_vps:8080.<\/p><h3 class=\"wp-block-heading\" id=\"h-installation-a-l-aide-d-une-version-autonome\">Installation &agrave; l&rsquo;aide d&rsquo;une version autonome<\/h3><p>La m&eacute;thode de publication autonome vous permet d&rsquo;installer VS Code Server sans d&eacute;pendre du gestionnaire de paquets du syst&egrave;me. Elle est id&eacute;ale pour les utilisateurs avanc&eacute;s qui ont besoin d&rsquo;environnements personnalis&eacute;s ou qui doivent isoler l&rsquo;installation.<\/p><p>Voici un guide d&rsquo;installation de VS Code Server par le biais d&rsquo;une version autonome :<\/p><ol class=\"wp-block-list\">\n<li>T&eacute;l&eacute;chargez la derni&egrave;re version autonome <strong>.tar.gz <\/strong>depuis le d&eacute;p&ocirc;t officiel GitHub :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">curl -fL https:\/\/github.com\/coder\/code-server\/releases\/download\/v$VERSION\/code-server-$VERSION-linux-amd64.tar.gz -o code-server-$VERSION-linux-amd64.tar.gz<\/pre><ol start=\"2\" class=\"wp-block-list\">\n<li>Extrayez le contenu de l&rsquo;archive dans le r&eacute;pertoire de votre choix &agrave; l&rsquo;aide de la <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/commande-tar-sur-linux\">commande tar<\/a>. Par exemple, extraire dans <strong>~\/.local\/lib <\/strong>:<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">mkdir -p ~\/.local\/lib ~\/.local\/bin<br><br>tar -xzvf code-server-$VERSION-linux-amd64.tar.gz -C ~\/.local\/lib<\/pre><ol start=\"3\" class=\"wp-block-list\">\n<li>Renommez le r&eacute;pertoire pour en faciliter l&rsquo;acc&egrave;s :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">mv ~\/.local\/lib\/code-server-$VERSION-linux-amd64 ~\/.local\/lib\/code-server-$VERSION<\/pre><ol start=\"4\" class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-creer-un-lien-symbolique-sous-linux\">Cr&eacute;ez un lien symbolique<\/a> dans votre r&eacute;pertoire <strong>~\/.local\/bin <\/strong>pour faciliter l&rsquo;ex&eacute;cution de la commande <strong>code-server <\/strong>depuis n&rsquo;importe o&ugrave; :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">ln -s ~\/.local\/lib\/code-server-$VERSION\/bin\/code-server ~\/.local\/bin\/code-server<\/pre><ol start=\"5\" class=\"wp-block-list\">\n<li>Ajoutez <strong>code-server <\/strong>au <strong>PATH <\/strong>de votre syst&egrave;me. Cela vous permet d&rsquo;ex&eacute;cuter la commande sans avoir &agrave; sp&eacute;cifier le chemin complet &agrave; chaque fois :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">export PATH=\"~\/.local\/bin:$PATH\"<\/pre><ol start=\"6\" class=\"wp-block-list\">\n<li>Pour rendre cette modification permanente, ajoutez la commande export au fichier de d&eacute;marrage de votre shell, tel que <strong>.bashrc <\/strong>:<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">echo 'export PATH=\"~\/.local\/bin:$PATH\"' &gt;&gt; ~\/.bashrc<br><br>source ~\/.bashrc<\/pre><ol start=\"7\" class=\"wp-block-list\">\n<li>Ajustez l&rsquo;adresse de liaison avec l&rsquo;IP de votre serveur et copiez le mot de passe pour une utilisation ult&eacute;rieure :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">nano ~\/.config\/code-server\/config.yaml<\/pre><ol start=\"8\" class=\"wp-block-list\">\n<li>D&eacute;marrez VS Code Server en ex&eacute;cutant ce qui suit :<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">code-server<\/pre><p>Ensuite, acc&eacute;dez &agrave; votre VS Code Server en ouvrant votre navigateur web.<\/p><h2 class=\"wp-block-heading\" id=\"h-comment-desinstaller-visual-studio-code-sur-ubuntu\">Comment d&eacute;sinstaller Visual Studio Code sur Ubuntu<\/h2><p>Vous pouvez vouloir d&eacute;sinstaller VS Code Server d&rsquo;Ubuntu pour plusieurs raisons, telles que le passage &agrave; un autre &eacute;diteur de code, la lib&eacute;ration d&rsquo;espace disque ou la reconfiguration de votre environnement de serveur.&nbsp;<\/p><p>Le processus de suppression varie en fonction de la mani&egrave;re dont il a &eacute;t&eacute; install&eacute;.<\/p><h3 class=\"wp-block-heading\" id=\"h-template-vps-hostinger\">Template VPS Hostinger<\/h3><p>Si vous avez install&eacute; VS Code Server en utilisant le template VPS de Hostinger, vous pouvez le d&eacute;sinstaller en passant &agrave; un autre template.<\/p><p>S&eacute;lectionnez un autre template ou une autre distribution Linux sur la m&ecirc;me page <strong>Syst&egrave;me d&rsquo;exploitation<\/strong>. Ensuite, suivez les instructions &agrave; l&rsquo;&eacute;cran pour terminer le changement. Cela supprimera automatiquement la configuration existante du VS Code Server.<\/p><p>\n\n\n<div><p class=\"important\"><strong>Important !<\/strong> Veillez &agrave; <a href=\"https:\/\/support.hostinger.com\/fr\/articles\/1583232-comment-puis-je-sauvegarder-ou-restaurer-mon-serveur-vps\" target=\"_blank\" rel=\"noopener\">sauvegarder les donn&eacute;es de votre serveur<\/a> avant de changer de template, car ce processus supprimera toutes les donn&eacute;es existantes sur le serveur.<\/p><\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-script-install-sh\">script install.sh<\/h3><p>Si vous avez utilis&eacute; le script <strong>install.sh <\/strong>pour installer VS Code Server, supprimez d&rsquo;abord ses fichiers d&rsquo;installation :<\/p><pre class=\"wp-block-preformatted\">rm -rf ~\/.local\/lib\/code-server-*<\/pre><p>Ensuite, supprimez tous les fichiers de configuration restants sur votre syst&egrave;me :<\/p><pre class=\"wp-block-preformatted\">rm -rf ~\/.config\/code-server<\/pre><h3 class=\"wp-block-heading\" id=\"h-paquet-deb\">Paquet .deb<\/h3><p>Pour les utilisateurs qui ont configur&eacute; VS Code Server via un paquet <strong>.deb<\/strong>, utilisez <strong>APT <\/strong>pour d&eacute;sinstaller le logiciel :<\/p><pre class=\"wp-block-preformatted\">sudo apt remove code-server<\/pre><p>Vous pouvez &eacute;galement nettoyer les fichiers de configuration r&eacute;siduels avec :<\/p><pre class=\"wp-block-preformatted\">sudo apt autoremove<\/pre><h3 class=\"wp-block-heading\" id=\"h-version-autonome\"><strong>Version autonome<\/strong><\/h3><p>Pour les installations effectu&eacute;es &agrave; l&rsquo;aide d&rsquo;une version autonome, vous devez supprimer manuellement le r&eacute;pertoire d&rsquo;installation :<\/p><pre class=\"wp-block-preformatted\">rm -rf ~\/.local\/lib\/code-server-*<\/pre><p>Si vous avez cr&eacute;&eacute; un lien symbolique pour faciliter l&rsquo;acc&egrave;s &agrave; la commande <strong>code-server<\/strong>, supprimez-le :<\/p><pre class=\"wp-block-preformatted\">rm ~\/.local\/bin\/code-server<\/pre><p>Supprimez les donn&eacute;es utilisateur, les param&egrave;tres et les fichiers de configuration restants :<\/p><pre class=\"wp-block-preformatted\">rm -rf ~\/.local\/share\/code-server ~\/.config\/code-server<\/pre><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>Ce guide a couvert diff&eacute;rentes m&eacute;thodes d&rsquo;installation de VS Code Server sur Ubuntu, y compris l&rsquo;utilisation du template VPS d&rsquo;Hostinger et du script <strong>install.sh.<\/strong> Chaque technique offre des niveaux de contr&ocirc;le et de flexibilit&eacute; suppl&eacute;mentaires, alors choisissez celle qui correspond le mieux &agrave; vos besoins.<\/p><p>Veillez &agrave; maintenir VS Code Server &agrave; jour afin d&rsquo;acc&eacute;der aux derni&egrave;res fonctionnalit&eacute;s, aux am&eacute;liorations de performance et de s&eacute;curit&eacute;. Nous vous recommandons &eacute;galement d&rsquo;essayer les extensions pour am&eacute;liorer votre exp&eacute;rience de codage.<\/p><h2 class=\"wp-block-heading\" id=\"h-comment-installer-vs-code-sur-ubuntu-faq\">Comment installer VS Code sur Ubuntu &ndash; FAQ<\/h2><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1735914546716\"><h3 class=\"schema-faq-question\">Quelle est la configuration requise pour installer Visual Studio Code ?<\/h3> <p class=\"schema-faq-answer\">Pour installer Visual Studio Code sur Ubuntu, vous aurez besoin d&rsquo;un syst&egrave;me fonctionnant sous Ubuntu <strong>20.04 <\/strong>ou une version ult&eacute;rieure, avec au moins <strong>1 Go <\/strong>de RAM et <strong>200 Mo <\/strong>d&rsquo;espace de stockage disponible. Une connexion internet stable est &eacute;galement n&eacute;cessaire pour t&eacute;l&eacute;charger les fichiers d&rsquo;installation.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1735914562382\"><h3 class=\"schema-faq-question\">Existe-t-il un r&eacute;f&eacute;rentiel de paquets pour VS Code ?<\/h3> <p class=\"schema-faq-answer\">Oui, la version de bureau de VS Code dispose d&rsquo;un d&eacute;p&ocirc;t <strong>APT <\/strong>officiel de Microsoft. Vous pouvez &eacute;galement installer VS Code Server sur un VPS en t&eacute;l&eacute;chargeant un paquet <strong>.deb <\/strong>&agrave; l&rsquo;aide de la commande <strong>curl.<\/strong><\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1735914569915\"><h3 class=\"schema-faq-question\">Dois-je d&eacute;sinstaller d&rsquo;autres &eacute;diteurs de texte avant d&rsquo;installer VS Code ?<\/h3> <p class=\"schema-faq-answer\">Non, il n&rsquo;est pas n&eacute;cessaire de d&eacute;sinstaller les autres &eacute;diteurs de texte avant d&rsquo;installer VS Code. Plusieurs &eacute;diteurs de code peuvent coexister sur le m&ecirc;me syst&egrave;me sans probl&egrave;me, et vous pouvez facilement passer de l&rsquo;un &agrave; l&rsquo;autre si n&eacute;cessaire.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Visual Studio Code (VS Code) est un &eacute;diteur de code open-source populaire d&eacute;velopp&eacute; par Microsoft. VS Code Server, une extension de ce logiciel, vous permet d&rsquo;acc&eacute;der &agrave; l&rsquo;&eacute;diteur via un navigateur web, ce qui en fait un choix id&eacute;al pour le d&eacute;veloppement &agrave; distance. Comme la version de bureau, VS Code Server offre des fonctionnalit&eacute;s [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/comment-installer-vs-code-sur-ubuntu\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":355,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Comment installer VS Code sur Ubuntu","rank_math_description":"D\u00e9couvrez comment installer VS Code sur Ubuntu avec des m\u00e9thodes comme le d\u00e9p\u00f4t APT, le template VPS Hostinger, et plus encore.","rank_math_focus_keyword":"comment installer vs code sur ubuntu","footnotes":""},"categories":[4760],"tags":[],"class_list":["post-37473","post","type-post","status-publish","format-standard","hentry","category-vps"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-install-vs-code-on-ubuntu","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-installer-vs-code-sur-ubuntu","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-instalar-visual-studio-code-en-ubuntu","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-install-vs-code-on-ubuntu","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-install-vs-code-on-ubuntu","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-install-vs-code-on-ubuntu","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-install-vs-code-on-ubuntu","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-install-vs-code-on-ubuntu","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-instalar-visual-studio-code-en-ubuntu","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-instalar-visual-studio-code-en-ubuntu","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-instalar-visual-studio-code-en-ubuntu","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-install-vs-code-on-ubuntu","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-install-vs-code-on-ubuntu","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/37473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/355"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=37473"}],"version-history":[{"count":12,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/37473\/revisions"}],"predecessor-version":[{"id":39998,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/37473\/revisions\/39998"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=37473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=37473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=37473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}