{"id":24503,"date":"2021-05-19T17:43:00","date_gmt":"2021-05-19T14:43:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24503"},"modified":"2021-10-18T02:40:47","modified_gmt":"2021-10-17T23:40:47","slug":"ftp-sftp-erweiterung-fuer-visual-studio-code","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/ftp-sftp-erweiterung-fuer-visual-studio-code\/","title":{"rendered":"FTP\/SFTP-Erweiterung f\u00fcr Visual Studio Code"},"content":{"rendered":"<p>Visual Studio Code ist die neueste beliebte Wahl f\u00fcr Entwickler. Es ist ein Open-Source-Code-Editor, der f\u00fcr Windows-, Linux- und macOS-Betriebssysteme verf\u00fcgbar ist. Dieser Code-Editor wird von Microsoft entwickelt. Visual Studio Code (Kurzform VS-Code) umfasst Unterst\u00fctzung f\u00fcr ein integriertes Terminal, eingebettetes Git-Steuerelement, Syntaxhervorhebung, Snippets, Code-Refactoring und vieles mehr. Auf ihrem <a href=\"https:\/\/marketplace.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Marktplatz<\/a> finden Sie Tausende von VS Code-Erweiterungen absolut kostenlos.<\/p>\n<p>In diesem Artikel untersuchen wir eine der beliebtesten und <strong>unverzichtbaren<\/strong> Erweiterungen f\u00fcr Entwickler, n\u00e4mlich <strong>sftp<\/strong>. Dies ist eine entwicklerfreundliche Erweiterung, die unseren Entwicklungsprozess erheblich vereinfacht.<\/p>\n<p>Mit dieser Erweiterung k\u00f6nnen Sie Dateien innerhalb des VS-Codes selbst \u00fcbertragen, ohne Software von Drittanbietern wie FileZilla, WinSCP usw.<\/p>\n<p>Einige der n\u00fctzlichen <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=liximomo.sftp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sftp-Erweiterungsfunktionen<\/a> sind:<\/p>\n<ul>\n<li>Durchsuchen Sie die Fernbedienung mit Remote Explorer<\/li>\n<li>Lokal und Remote unterscheiden<\/li>\n<li>Verzeichnis synchronisieren<\/li>\n<li>Hochladen herunterladen<\/li>\n<li>Beim Speichern hochladen<\/li>\n<\/ul>\n<h3>So installieren Sie die sftp-Erweiterung in VS-Code<\/h3>\n<p>Um die sftp-Erweiterung von Visual Studio zu verwenden, sollte auf Ihrem System ein Visual Studio-Code installiert sein. \u00d6ffnen Sie zur Installation der Erweiterung den Editor und klicken Sie auf das Erweiterungssymbol in der linken Seitenleiste. Geben Sie in das Suchfeld &#8217;sftp&#8216; ein und Sie sehen die Liste der Erweiterungen.<\/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=\"FTP\/SFTP-Erweiterung f\u00fcr Visual Studio Code\" ><\/a><\/p>\n<p>W\u00e4hlen Sie aus der Liste die von liximomo entwickelte Erweiterung aus. Klicken Sie auf die Schaltfl\u00e4che Installieren neben der Erweiterung.<\/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=\"FTP\/SFTP-Erweiterung f\u00fcr Visual Studio Code\" ><\/a><\/p>\n<p>Die Erweiterung wird dann global auf Ihrem System installiert.<\/p>\n<h3>So verwenden Sie die sftp-Erweiterung in VS-Code<\/h3>\n<p>Sehen wir uns nach der Installation der Erweiterung an, wie Sie diese Erweiterung verwenden. \u00d6ffnen Sie das Projekt im Editor. Sie k\u00f6nnen dies \u00fcber Datei-&gt;Ordner \u00f6ffnen tun und Ihr Projektverzeichnis ausw\u00e4hlen.<\/p>\n<p>Dr\u00fccken Sie Strg+Umschalt+P unter Windows\/Linux oder Cmd+Umschalt+P auf Mac, um eine Befehlspalette zu \u00f6ffnen. Geben Sie SFTP ein und w\u00e4hlen Sie die 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=\"FTP\/SFTP-Erweiterung f\u00fcr Visual Studio Code\" ><\/a><\/p>\n<p>Es \u00f6ffnet die <code>sftp.json<\/code>Datei im Editor. Sie erhalten den Inhalt wie unten in der <code>sftp.json<\/code>Datei.<\/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>Geben Sie die Details wie Protokoll, Host, Benutzername, RemotePath usw. ein. Port ist standardm\u00e4\u00dfig auf 22. Sie k\u00f6nnen ihn \u00e4ndern, wenn Sie einen anderen Port verwenden. Ich empfehle, den Wert &quot;uploadOnSave&quot; auf false zu belassen, damit die Datei beim Speichern nicht automatisch hochgeladen wird. Stellen Sie bei der Verwendung der Erweiterung sicher, dass Ihr lokales Projekt und Ihr Remote-Projekt dieselbe Datei- und Ordnerstruktur haben.<\/p>\n<p>Nachdem Sie die Daten eingegeben haben, speichern Sie die Datei. <code>sftp.json<\/code>Datei, die in Ihrem Projekt-Stammverzeichnis unter dem <code>.vscode<\/code>Ordner gespeichert ist. Diese Datei ist f\u00fcr ein einzelnes Projekt. F\u00fcr ein anderes Projekt m\u00fcssen Sie die gleichen Schritte ausf\u00fchren und eine <code>sftp.json<\/code>Datei festlegen .<\/p>\n<p>Beachten Sie, dass Sie hier Ihr Passwort nicht eingeben m\u00fcssen. Die Erweiterung fordert zum ersten Mal zur Eingabe des Kennworts auf, wenn Sie den Vorgang ausf\u00fchren, und es ist ein einmaliger Vorgang.<\/p>\n<p>Lassen Sie uns eine beliebige Datei aus Ihrem Projekt \u00f6ffnen. Auf der rechten Maustaste sehen Sie die Option zum Hochladen und Herunterladen. Klicken Sie auf einen von ihnen und es wird nach einem Passwort gefragt.<\/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=\"FTP\/SFTP-Erweiterung f\u00fcr Visual Studio Code\" ><\/a><\/p>\n<p>F\u00fcgen Sie das Passwort hinzu und dr\u00fccken Sie die Eingabetaste. Die sftp-Erweiterung hat Ihr Passwort sicher gespeichert und Sie m\u00fcssen das Passwort jetzt nicht erneut eingeben, solange Ihr Editor ge\u00f6ffnet ist. Wenn Sie beim erneuten \u00d6ffnen des Editors nicht nach einem Kennwort fragen m\u00f6chten, m\u00fcssen Sie der <code>sftp.json<\/code>Datei das folgende Schl\u00fcssel-Wert-Paar hinzuf\u00fcgen .<\/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>Andere von der Erweiterung bereitgestellte Funktionen<\/h3>\n<p>Diese Erweiterung bietet auch eine Remote Explorer-Funktion, mit der Sie die Datei- und Verzeichnisstruktur Ihres Remote-Servers anzeigen k\u00f6nnen.<\/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=\"FTP\/SFTP-Erweiterung f\u00fcr Visual Studio Code\" ><\/a><\/p>\n<p>Eine weitere coole Funktion, die von der Erweiterung bereitgestellt wird, ist Sync local to remote und umgekehrt. Dazu m\u00fcssen Sie die Befehlspalette \u00f6ffnen und &#8218;Sync&#8216; eingeben. Sie erhalten Optionen f\u00fcr &quot;Sync Local -&gt; Remote&quot; und &quot;Sync Remote -&gt; Local&quot;.<\/p>\n<p><strong>Hinweis:<\/strong> Stellen Sie sicher, dass Sie alle Vorg\u00e4nge sorgf\u00e4ltig ausf\u00fchren, da es sich direkt um Ihren Remote-Server handelt.<\/p>\n<p>Ich hoffe, Sie lernen die Grundlagen der Verwendung der sftp-Erweiterung in Visual Studio Code kennen. Ich w\u00fcrde gerne Ihre Gedanken und Vorschl\u00e4ge im Kommentarbereich unten h\u00f6ren.<\/p>\n<h4>Zum Thema passende Artikel<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/so-verwenden-sie-ein-ftp-sftp-paket-mit-erhabenem-text\/\" &quot;So verwenden Sie ein \/SFTP-Paket mit erhabenem br>&#8220; >So verwenden Sie ein FTP\/SFTP-Paket mit erhabenem Text<br \/><\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/so-laden-sie-bilder-ueber-ftp-in-laravel-auf-einen-anderen-server-hoch\/\" title=\"So laden Sie Bilder \u00fcber FTP in Laravel auf einen anderen Server hoch\">So laden Sie Bilder \u00fcber FTP in Laravel auf einen anderen Server hoch<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/hochladen-von-dateien-auf-amazon-s3-mit-aws-php-sdk\/\" &quot;Hochladen von Dateien in Amazon S3 mit AWS PHP br>&#8220; >Hochladen von Dateien in Amazon S3 mit AWS PHP SDK<br \/><\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Artikel zeigen wir Ihnen, wie Sie die FTP\/SFTP-Erweiterung f\u00fcr Visual Studio-Code verwenden. Mit dieser Erweiterung k\u00f6nnen wir Dateien mit dem Editor selbst \u00fcbertragen.<\/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":[411],"tags":[845],"class_list":["post-24503","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sonstig","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/24503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=24503"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/24503\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/22140"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=24503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=24503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=24503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}