{"id":27610,"date":"2021-05-19T18:07:00","date_gmt":"2021-05-19T15:07:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27610"},"modified":"2021-10-18T04:11:02","modified_gmt":"2021-10-18T01:11:02","slug":"extensao-ftp-sftp-para-codigo-do-visual-studio","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/extensao-ftp-sftp-para-codigo-do-visual-studio\/","title":{"rendered":"Extens\u00e3o FTP \/ SFTP para c\u00f3digo do Visual Studio"},"content":{"rendered":"<p>O Visual Studio Code \u00e9 a \u00faltima escolha popular para desenvolvedores. \u00c9 um editor de c\u00f3digo aberto dispon\u00edvel para os sistemas operacionais Windows, Linux e macOS. Este editor de c\u00f3digo \u00e9 desenvolvido pela Microsoft. O c\u00f3digo do Visual Studio (c\u00f3digo VS de formato abreviado) inclui suporte para um terminal integrado, controle Git integrado, destaque de sintaxe, snippets, refatora\u00e7\u00e3o de c\u00f3digo e muito mais. Em seu <a href=\"https:\/\/marketplace.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">mercado,<\/a> \u00e9 poss\u00edvel encontrar milhares de extens\u00f5es do VS Code totalmente gratuitas.<\/p>\n<p>Neste artigo, estudamos uma das extens\u00f5es populares e obrigat\u00f3rias para desenvolvedores que \u00e9 o <strong>sftp<\/strong>. Esta \u00e9 uma extens\u00e3o amig\u00e1vel ao desenvolvedor que torna nosso processo de desenvolvimento muito mais f\u00e1cil.<\/p>\n<p>Usando esta extens\u00e3o, voc\u00ea pode transferir arquivos dentro do pr\u00f3prio c\u00f3digo VS sem usar nenhum software de terceiros como FileZilla, WinSCP, etc.<\/p>\n<p>Alguns dos recursos \u00fateis da <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=liximomo.sftp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">extens\u00e3o sftp<\/a> s\u00e3o:<\/p>\n<ul>\n<li>Navegue remotamente com o Remote Explorer<\/li>\n<li>Diff local e remoto<\/li>\n<li>Sincronizar diret\u00f3rio<\/li>\n<li>Upload download<\/li>\n<li>Carregar ao salvar<\/li>\n<\/ul>\n<h3>Como instalar extens\u00e3o sftp no c\u00f3digo VS<\/h3>\n<p>Para usar a extens\u00e3o sftp do Visual Studio, voc\u00ea deve ter um Visual Studio Code instalado em seu sistema. Para a instala\u00e7\u00e3o da extens\u00e3o, abra o editor e clique no \u00edcone Extens\u00e3o na barra lateral esquerda. No campo de pesquisa digite &#8216;sftp&#8217; e voc\u00ea ver\u00e1 a lista de extens\u00f5es.<\/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=\"Extens\u00e3o FTP \/ SFTP para c\u00f3digo do Visual Studio\" ><\/a><\/p>\n<p>Na lista, escolha a extens\u00e3o desenvolvida por liximomo. Clique no bot\u00e3o instalar ao lado da extens\u00e3o.<\/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=\"Extens\u00e3o FTP \/ SFTP para c\u00f3digo do Visual Studio\" ><\/a><\/p>\n<p>Em seguida, ele instalar\u00e1 a extens\u00e3o globalmente em seu sistema.<\/p>\n<h3>Como usar extens\u00e3o sftp no c\u00f3digo VS<\/h3>\n<p>Depois de instalar a extens\u00e3o, vamos ver como usar esta extens\u00e3o. Abra o projeto no editor. Voc\u00ea pode fazer isso em Arquivo-&gt; Abrir pasta e selecionar o diret\u00f3rio do projeto.<\/p>\n<p>Pressione Ctrl + Shift + P se voc\u00ea estiver no Windows \/ Linux ou Cmd + Shift + P no Mac que abre uma paleta de comandos. Digite SFTP e selecione a op\u00e7\u00e3o 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=\"Extens\u00e3o FTP \/ SFTP para c\u00f3digo do Visual Studio\" ><\/a><\/p>\n<p>Isso abrir\u00e1 o <code>sftp.json<\/code>arquivo no editor. Voc\u00ea obter\u00e1 o conte\u00fado como abaixo no <code>sftp.json<\/code>arquivo.<\/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>Preencha os detalhes como protocolo, host, nome de usu\u00e1rio, caminho remoto, etc. O padr\u00e3o da porta \u00e9 22. Voc\u00ea pode alter\u00e1-lo se estiver usando outra porta. Eu recomendo manter o valor &#8220;uploadOnSave&quot; como falso para que o arquivo n\u00e3o seja carregado automaticamente ao salv\u00e1-lo. Ao usar a extens\u00e3o, certifique-se de que seu projeto local e remoto tenham a mesma estrutura de arquivos e pastas.<\/p>\n<p>Depois de inserir os detalhes, salve o arquivo. <code>sftp.json<\/code>arquivo salvo no diret\u00f3rio raiz do projeto na <code>.vscode<\/code>pasta. Este arquivo \u00e9 para um \u00fanico projeto. Para outro projeto, voc\u00ea precisa seguir os mesmos passos e definir um <code>sftp.json<\/code>arquivo.<\/p>\n<p>Observe que aqui voc\u00ea n\u00e3o precisa inserir sua senha. Solicita\u00e7\u00e3o de extens\u00e3o para senha pela primeira vez quando voc\u00ea executa a opera\u00e7\u00e3o e \u00e9 um processo \u00fanico.<\/p>\n<p>Vamos abrir qualquer arquivo do seu projeto. Com o bot\u00e3o direito, voc\u00ea ver\u00e1 a op\u00e7\u00e3o de Upload e Download. Clique em qualquer um deles e uma senha ser\u00e1 solicitada.<\/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=\"Extens\u00e3o FTP \/ SFTP para c\u00f3digo do Visual Studio\" ><\/a><\/p>\n<p>Adicione a senha e pressione Enter. A extens\u00e3o sftp salvou sua senha com seguran\u00e7a e agora voc\u00ea n\u00e3o precisa inserir a senha novamente, desde que seu editor esteja aberto. Se voc\u00ea n\u00e3o quiser solicitar uma senha ao reabrir o editor, ser\u00e1 necess\u00e1rio adicionar o seguinte par de valores-chave ao <code>sftp.json<\/code>arquivo.<\/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>Outros recursos fornecidos pela extens\u00e3o<\/h3>\n<p>Esta extens\u00e3o tamb\u00e9m fornece um recurso Remote Explorer, onde voc\u00ea pode ver a estrutura de arquivos e diret\u00f3rios do seu servidor remoto.<\/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=\"Extens\u00e3o FTP \/ SFTP para c\u00f3digo do Visual Studio\" ><\/a><\/p>\n<p>Outro recurso interessante fornecido pela extens\u00e3o \u00e9 Sincronizar local com remoto e vice-versa. Para fazer isso, voc\u00ea precisa abrir a paleta de comandos e digitar &#8216;Sincronizar&#8217;, que lhe dar\u00e1 op\u00e7\u00f5es para &#8220;Sincronizar Local -&gt; Remoto&quot; e &#8220;Sincronizar Remoto -&gt; Local&#8221;.<\/p>\n<p><strong>Nota:<\/strong> Certifique-se de realizar todas as opera\u00e7\u00f5es com cuidado, pois ele est\u00e1 lidando diretamente com o servidor remoto.<\/p>\n<p>Espero que voc\u00ea possa aprender o b\u00e1sico sobre o uso da extens\u00e3o sftp no Visual Studio Code. Eu gostaria de ouvir seus pensamentos e sugest\u00f5es na se\u00e7\u00e3o de coment\u00e1rios abaixo.<\/p>\n<h4>Artigos relacionados<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/pt-pt\/?p=27604\" &quot;Como usar pacote FTP SFTP com texto br>&#8221; >Como usar o pacote FTP \/ SFTP com texto sublime<br \/><\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-fazer-upload-de-imagens-para-outro-servidor-atraves-de-ftp-no-laravel\/\" title=\"Como fazer upload de imagens para outro servidor atrav\u00e9s de FTP no Laravel\">Como fazer upload de imagens para outro servidor atrav\u00e9s de FTP no Laravel<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/pt-pt\/carregar-arquivos-para-o-amazon-s3-usando-aws-php-sdk\/\" &quot;Carregar arquivos para Amazon S3 usando AWS PHP br>&#8221; >Carregar arquivos para Amazon S3 usando AWS PHP SDK<br \/><\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neste artigo, mostramos como usar a extens\u00e3o FTP \/ SFTP para o c\u00f3digo do Visual Studio. Usando esta extens\u00e3o, podemos transferir arquivos dentro do pr\u00f3prio editor.<\/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":[417],"tags":[848],"class_list":["post-27610","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diversos","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/27610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=27610"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/27610\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/22140"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=27610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=27610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=27610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}