{"id":24517,"date":"2021-05-19T17:53:00","date_gmt":"2021-05-19T14:53:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24517"},"modified":"2021-10-18T02:15:20","modified_gmt":"2021-10-17T23:15:20","slug":"extension-ftp-sftp-pour-le-code-visual-studio","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/extension-ftp-sftp-pour-le-code-visual-studio\/","title":{"rendered":"Extension FTP\/SFTP pour le code Visual Studio"},"content":{"rendered":"<p>Visual Studio Code est le dernier choix populaire pour les d\u00e9veloppeurs. Il s&rsquo;agit d&rsquo;un \u00e9diteur de code open source disponible pour les syst\u00e8mes d&rsquo;exploitation Windows, Linux et macOS. Cet \u00e9diteur de code est d\u00e9velopp\u00e9 par Microsoft. Visual Studio Code (code VS abr\u00e9g\u00e9) inclut la prise en charge d&rsquo;un terminal int\u00e9gr\u00e9, d&rsquo;un contr\u00f4le Git int\u00e9gr\u00e9, de la mise en \u00e9vidence de la syntaxe, des extraits de code, de la refactorisation du code et bien plus encore. Sur leur <a href=\"https:\/\/marketplace.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">place de march\u00e9,<\/a> on peut trouver des milliers d&rsquo;extensions VS Code gratuitement.<\/p>\n<p>Dans cet article, nous \u00e9tudions l&rsquo;une des extensions populaires et incontournables pour les d\u00e9veloppeurs qui est <strong>sftp<\/strong>. Il s&rsquo;agit d&rsquo;une extension conviviale pour les d\u00e9veloppeurs qui facilite grandement notre processus de d\u00e9veloppement.<\/p>\n<p>En utilisant cette extension, vous pouvez transf\u00e9rer des fichiers dans le code VS lui-m\u00eame sans utiliser de logiciel tiers comme FileZilla, WinSCP, etc.<\/p>\n<p>Certaines des fonctionnalit\u00e9s utiles de l&rsquo; <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=liximomo.sftp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">extension sftp<\/a> sont\u00a0:<\/p>\n<ul>\n<li>Parcourir \u00e0 distance avec Remote Explorer<\/li>\n<li>Diff local et distant<\/li>\n<li>R\u00e9pertoire de synchronisation<\/li>\n<li>Charger t\u00e9l\u00e9charger<\/li>\n<li>T\u00e9l\u00e9charger lors de l&rsquo;enregistrement<\/li>\n<\/ul>\n<h3>Comment installer l&rsquo;extension sftp dans le code VS<\/h3>\n<p>Pour utiliser l&rsquo;extension sftp de Visual Studio, vous devez avoir un code Visual Studio install\u00e9 sur votre syst\u00e8me. Pour l&rsquo;installation de l&rsquo;extension, ouvrez l&rsquo;\u00e9diteur et cliquez sur l&rsquo;ic\u00f4ne Extension dans la barre lat\u00e9rale gauche. Dans le champ de recherche, tapez le &lsquo;sftp&rsquo; et vous verrez la liste des extensions.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032c68682.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032c68682.png\" alt=\"Extension FTP\/SFTP pour le code Visual Studio\" ><\/a><\/p>\n<p>Dans la liste, choisissez l&rsquo;extension d\u00e9velopp\u00e9e par liximomo. Cliquez sur le bouton d&rsquo;installation \u00e0 c\u00f4t\u00e9 de l&rsquo;extension.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032ce0372.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032ce0372.png\" alt=\"Extension FTP\/SFTP pour le code Visual Studio\" ><\/a><\/p>\n<p>Il installera ensuite l&rsquo;extension globalement sur votre syst\u00e8me.<\/p>\n<h3>Comment utiliser l&rsquo;extension sftp dans le code VS<\/h3>\n<p>Apr\u00e8s avoir install\u00e9 l&rsquo;extension, voyons comment utiliser cette extension. Ouvrez le projet dans l&rsquo;\u00e9diteur. Vous pouvez le faire \u00e0 partir de Fichier-&gt;Ouvrir le dossier et s\u00e9lectionnez votre r\u00e9pertoire de projet.<\/p>\n<p>Appuyez sur Ctrl+Maj+P si vous \u00eates sous Windows\/Linux ou Cmd+Maj+P sous Mac qui ouvre une palette de commandes. Tapez SFTP et s\u00e9lectionnez l&rsquo;option SFTP:config.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" alt=\"Extension FTP\/SFTP pour le code Visual Studio\" ><\/a><\/p>\n<p>Cela ouvrira le <code>sftp.json<\/code>fichier dans l&rsquo;\u00e9diteur. Vous obtiendrez le contenu comme ci-dessous dans le <code>sftp.json<\/code>fichier.<\/p>\n<pre><code>{\n\u00a0\u00a0\u00a0\u00a0\"name\": \"My Server\",\n\u00a0\u00a0\u00a0\u00a0\"host\": \"localhost\",\n\u00a0\u00a0\u00a0\u00a0\"protocol\": \"sftp\",\n\u00a0\u00a0\u00a0\u00a0\"port\": 22,\n\u00a0\u00a0\u00a0\u00a0\"username\": \"username\",\n\u00a0\u00a0\u00a0\u00a0\"remotePath\": \"\/\",\n\u00a0\u00a0\u00a0\u00a0\"uploadOnSave\": true\n}<\/code><\/pre>\n<p>Remplissez les d\u00e9tails comme le protocole, l&rsquo;h\u00f4te, le nom d&rsquo;utilisateur, le chemin distant, etc. Le port par d\u00e9faut est 22. Vous pouvez le modifier si vous utilisez un autre port. Je recommande de conserver la valeur &quot;uploadOnSave&quot; sur false afin que le fichier ne soit pas t\u00e9l\u00e9charg\u00e9 automatiquement lors de son enregistrement. Lors de l&rsquo;utilisation de l&rsquo;extension, assurez-vous que votre projet local et votre projet distant ont la m\u00eame structure de fichiers et de dossiers.<\/p>\n<p>Une fois que vous avez entr\u00e9 les d\u00e9tails, enregistrez le fichier. <code>sftp.json<\/code>fichier enregistr\u00e9 dans le r\u00e9pertoire racine de votre projet sous le <code>.vscode<\/code>dossier. Ce fichier est pour un seul projet. Pour un autre projet, vous devez suivre les m\u00eames \u00e9tapes et d\u00e9finir un <code>sftp.json<\/code>fichier.<\/p>\n<p>Notez qu&rsquo;ici vous n&rsquo;avez pas besoin d&rsquo;entrer votre mot de passe. Demande d&rsquo;extension pour le mot de passe la premi\u00e8re fois lorsque vous effectuez l&rsquo;op\u00e9ration et il s&rsquo;agit d&rsquo;un processus unique.<\/p>\n<p>Ouvrons n&rsquo;importe quel fichier de votre projet. Sur le clic droit, vous verrez l&rsquo;option T\u00e9l\u00e9charger et t\u00e9l\u00e9charger. Cliquez sur l&rsquo;un d&rsquo;eux et il vous demandera un mot de passe.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" alt=\"Extension FTP\/SFTP pour le code Visual Studio\" ><\/a><\/p>\n<p>Ajoutez le mot de passe et appuyez sur Entr\u00e9e. L&rsquo;extension sftp a enregistr\u00e9 votre mot de passe en toute s\u00e9curit\u00e9 et vous n&rsquo;avez plus besoin de saisir \u00e0 nouveau le mot de passe tant que votre \u00e9diteur est ouvert. Si vous ne souhaitez pas demander de mot de passe lorsque vous rouvrez l&rsquo;\u00e9diteur, vous devez ajouter la paire cl\u00e9-valeur suivante dans le <code>sftp.json<\/code>fichier.<\/p>\n<pre><code>{\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0\"password\": \"password_here\"\n}<\/code><\/pre>\n<h3>Autres fonctionnalit\u00e9s fournies par l&rsquo;extension<\/h3>\n<p>Cette extension fournit \u00e9galement une fonctionnalit\u00e9 d&rsquo;explorateur distant o\u00f9 vous pouvez voir la structure de fichiers et de r\u00e9pertoires de votre serveur distant.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" alt=\"Extension FTP\/SFTP pour le code Visual Studio\" ><\/a><\/p>\n<p>Une autre fonctionnalit\u00e9 int\u00e9ressante fournie par l&rsquo;extension est la synchronisation locale vers distante et vice-versa. Pour ce faire, vous devez ouvrir la palette de commandes et taper &quot;Sync&quot;, cela vous donnera des options pour &quot;Sync Local -&gt; Remote&quot; et &quot;Sync Remote -&gt; Local&quot;.<\/p>\n<p><strong>Remarque :<\/strong> assurez-vous d&rsquo;effectuer toutes les op\u00e9rations avec soin car elles traitent directement avec votre serveur distant.<\/p>\n<p>J&rsquo;esp\u00e8re que vous pourrez apprendre les bases de l&rsquo;utilisation de l&rsquo;extension sftp dans Visual Studio Code. J&rsquo;aimerais entendre vos pens\u00e9es et suggestions dans la section des commentaires ci-dessous.<\/p>\n<h4>Articles Li\u00e9s<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/?p=24499\" &quot;Comment utiliser le package \/SFTP avec du texte br>\u00a0\u00bb >Comment utiliser le package FTP\/SFTP avec du texte sublime<br \/><\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/comment-telecharger-des-images-sur-un-autre-serveur-via-ftp-dans-laravel\/\" title=\"Comment t\u00e9l\u00e9charger des images sur un autre serveur via FTP dans Laravel\">Comment t\u00e9l\u00e9charger des images sur un autre serveur via FTP dans Laravel<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/charger-des-fichiers-sur-amazon-s3-a-l-aide-d-aws-php-sdk\/\" &quot;Charger des fichiers sur Amazon S3 &#039;aide &#039;AWS PHP br>\u00a0\u00bb >Charger des fichiers sur Amazon S3 \u00e0 l&rsquo;aide d&rsquo;AWS PHP SDK<br \/><\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans cet article, nous vous montrons comment utiliser l&rsquo;extension FTP\/SFTP pour le code Visual Studio. En utilisant cette extension, nous pouvons transf\u00e9rer des fichiers avec l&rsquo;\u00e9diteur lui-m\u00eame.<\/p>\n","protected":false},"author":1,"featured_media":22140,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[412],"tags":[844],"class_list":["post-24517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divers","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/24517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=24517"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/24517\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/22140"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=24517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=24517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=24517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}