{"id":28237,"date":"2021-05-19T18:24:00","date_gmt":"2021-05-19T15:24:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28237"},"modified":"2021-10-17T04:48:05","modified_gmt":"2021-10-17T01:48:05","slug":"ftp-sftp-tillagg-for-visual-studio-kod","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/ftp-sftp-tillagg-for-visual-studio-kod\/","title":{"rendered":"FTP \/ SFTP-till\u00e4gg f\u00f6r Visual Studio-kod"},"content":{"rendered":"<p>Visual Studio Code \u00e4r det senaste popul\u00e4ra valet f\u00f6r utvecklare. Det \u00e4r en \u00f6ppen k\u00e4llkodsredigerare tillg\u00e4nglig f\u00f6r Windows-, Linux- och macOS-operativsystem. Denna kodredigerare \u00e4r utvecklad av Microsoft. Visual Studio-kod (kortformad VS-kod) inkluderar st\u00f6d f\u00f6r en inbyggd terminal, inb\u00e4ddad Git-kontroll, syntaxmarkering, utdrag, kodreformering och mycket mer. P\u00e5 deras <a href=\"https:\/\/marketplace.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">marknadsplats<\/a> kan man hitta tusentals VS-kodtill\u00e4gg helt gratis.<\/p>\n<p>I den h\u00e4r artikeln studerar vi ett av de popul\u00e4ra och m\u00e5ste-anv\u00e4nda till\u00e4ggen f\u00f6r utvecklare som \u00e4r <strong>sftp<\/strong>. Detta \u00e4r en utvecklarv\u00e4nlig f\u00f6rl\u00e4ngning som g\u00f6r v\u00e5r utvecklingsprocess mycket enklare.<\/p>\n<p>Med hj\u00e4lp av detta till\u00e4gg kan du \u00f6verf\u00f6ra filer inom sj\u00e4lva VS-koden utan att anv\u00e4nda n\u00e5gon programvara fr\u00e5n tredje part som FileZilla, WinSCP, etc.<\/p>\n<p>N\u00e5gra av de anv\u00e4ndbara <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=liximomo.sftp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sftp-till\u00e4ggsfunktionerna<\/a> \u00e4r:<\/p>\n<ul>\n<li>Bl\u00e4ddra fj\u00e4rrkontroll med Remote Explorer<\/li>\n<li>Diff lokal och fj\u00e4rrkontroll<\/li>\n<li>Synkronisera katalog<\/li>\n<li>Uppladdning nedladdning<\/li>\n<li>Ladda upp vid spara<\/li>\n<\/ul>\n<h3>Hur man installerar sftp-till\u00e4gg i VS-kod<\/h3>\n<p>F\u00f6r att kunna anv\u00e4nda Visual Studio sftp-till\u00e4gg b\u00f6r du ha en Visual Studio-kod installerad p\u00e5 ditt system. F\u00f6r installation av till\u00e4gg \u00f6ppnar du redigeraren och klickar p\u00e5 ikonen Till\u00e4gg fr\u00e5n v\u00e4nster sidof\u00e4lt. Skriv &#8217;sftp&#8217; i s\u00f6kf\u00e4ltet och du kommer att se listan med till\u00e4gg.<\/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-till\u00e4gg f\u00f6r Visual Studio-kod\" ><\/a><\/p>\n<p>Fr\u00e5n listan v\u00e4ljer du till\u00e4gget som utvecklats av liximomo. Klicka p\u00e5 installationsknappen bredvid till\u00e4gget.<\/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-till\u00e4gg f\u00f6r Visual Studio-kod\" ><\/a><\/p>\n<p>Det installerar sedan till\u00e4gget globalt p\u00e5 ditt system.<\/p>\n<h3>Hur man anv\u00e4nder sftp-till\u00e4gg i VS-kod<\/h3>\n<p>Efter installation av till\u00e4gget, l\u00e5t oss se hur du anv\u00e4nder det h\u00e4r till\u00e4gget. \u00d6ppna projektet i redigeraren. Du kan g\u00f6ra detta fr\u00e5n Arkiv-&gt; \u00d6ppna mapp och v\u00e4lj din projektkatalog.<\/p>\n<p>Tryck p\u00e5 Ctrl + Shift + P om du \u00e4r p\u00e5 Windows \/ Linux eller Cmd + Shift + P p\u00e5 Mac som \u00f6ppnar en kommandopalett. Skriv SFTP och v\u00e4lj alternativet 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-till\u00e4gg f\u00f6r Visual Studio-kod\" ><\/a><\/p>\n<p>Det \u00f6ppnar <code>sftp.json<\/code>filen i redigeraren. Du f\u00e5r inneh\u00e5llet som nedan i <code>sftp.json<\/code>filen.<\/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>Fyll i detaljer som protokoll, v\u00e4rd, anv\u00e4ndarnamn, remotePath, etc. Port \u00e4r standard till 22. Du kan \u00e4ndra den om du anv\u00e4nder en annan port. Jag rekommenderar att du h\u00e5ller &#8221;uploadOnSave&quot; -v\u00e4rdet som falskt s\u00e5 att filen inte laddas upp automatiskt n\u00e4r den sparas. N\u00e4r du anv\u00e4nder till\u00e4gget, se till att ditt lokala projekt och fj\u00e4rrprojekt har samma fil- och mappstruktur.<\/p>\n<p>N\u00e4r du har angett informationen sparar du filen. <code>sftp.json<\/code>fil sparad i din projektkatalog under <code>.vscode<\/code>mappen. Den h\u00e4r filen \u00e4r f\u00f6r ett enda projekt. F\u00f6r ett annat projekt m\u00e5ste du f\u00f6lja samma steg och st\u00e4lla in en <code>sftp.json<\/code>fil.<\/p>\n<p>Observera att h\u00e4r beh\u00f6ver du inte ange ditt l\u00f6senord. Till\u00e4ggsf\u00f6rfr\u00e5gan om l\u00f6senord f\u00f6rsta g\u00e5ngen n\u00e4r du utf\u00f6r \u00e5tg\u00e4rden och det \u00e4r en eng\u00e5ngsprocess.<\/p>\n<p>L\u00e5t oss \u00f6ppna valfri fil fr\u00e5n ditt projekt. H\u00f6gerklicka ser du alternativet att ladda upp och ladda ner. Klicka p\u00e5 n\u00e5gon av dem s\u00e5 ber det om ett l\u00f6senord.<\/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-till\u00e4gg f\u00f6r Visual Studio-kod\" ><\/a><\/p>\n<p>L\u00e4gg till l\u00f6senordet och tryck Enter. Sftp-till\u00e4gget sparade ditt l\u00f6senord s\u00e4kert och nu beh\u00f6ver du inte ange l\u00f6senordet igen s\u00e5 l\u00e4nge din redakt\u00f6r \u00e4r \u00f6ppen. Om du inte vill be om ett l\u00f6senord n\u00e4r du \u00f6ppnar redigeraren igen m\u00e5ste du l\u00e4gga till f\u00f6ljande nyckel-v\u00e4rdepar i <code>sftp.json<\/code>filen.<\/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>Andra funktioner som tillhandah\u00e5lls av Extension<\/h3>\n<p>Det h\u00e4r till\u00e4gget ger ocks\u00e5 en Remote Explorer-funktion d\u00e4r du kan se fil- och katalogstrukturen p\u00e5 din fj\u00e4rrserver.<\/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-till\u00e4gg f\u00f6r Visual Studio-kod\" ><\/a><\/p>\n<p>En annan cool funktion som tillhandah\u00e5lls av f\u00f6rl\u00e4ngningen \u00e4r Synkronisera lokalt till fj\u00e4rrkontroll och vice versa. F\u00f6r att g\u00f6ra det m\u00e5ste du \u00f6ppna kommandopaletten och skriva &#8217;Sync&#8217;, det ger dig alternativ f\u00f6r &quot;Sync Local -&gt; Remote&quot; och &quot;Sync Remote -&gt; Local&quot;.<\/p>\n<p><strong>Obs!<\/strong> Se till att du utf\u00f6r alla \u00e5tg\u00e4rder noggrant eftersom det handlar direkt om din fj\u00e4rrserver.<\/p>\n<p>Jag hoppas att du kan l\u00e4ra dig grunderna om att anv\u00e4nda sftp-till\u00e4gg i Visual Studio Code. Jag skulle vilja h\u00f6ra dina tankar och f\u00f6rslag i kommentarsektionen nedan.<\/p>\n<h4>relaterade artiklar<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/?p=28224\" &quot;Hur man  FTP SFTP-paket med sublim br>&#8221; >Hur man anv\u00e4nder FTP \/ SFTP-paket med sublim text<br \/><\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-laddar-upp-bilder-till-en-annan-server-via-ftp-i-laravel\/\" title=\"Hur man laddar upp bilder till en annan server via FTP i Laravel\">Hur man laddar upp bilder till en annan server via FTP i Laravel<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/ladda-upp-filer-till-amazon-s3-med-aws-php-sdk\/\" &quot;Ladda upp filer till Amazon S3 med AWS PHP br>&#8221; >Ladda upp filer till Amazon S3 med AWS PHP SDK<br \/><\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I den h\u00e4r artikeln visar vi dig hur du anv\u00e4nder FTP \/ SFTP-till\u00e4gg f\u00f6r visuell studiokod. Med hj\u00e4lp av detta till\u00e4gg kan vi \u00f6verf\u00f6ra filer med sj\u00e4lva redigeraren.<\/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":[418],"tags":[850],"class_list":["post-28237","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverse","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/28237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=28237"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/28237\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/22140"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=28237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=28237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=28237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}