{"id":21421,"date":"2021-05-19T15:13:37","date_gmt":"2021-05-19T18:13:37","guid":{"rendered":"https:\/\/king.host\/wiki\/?post_type=article&p=21421"},"modified":"2025-06-11T11:52:55","modified_gmt":"2025-06-11T14:52:55","slug":"como-conectar-ftp-com-visual-studio-code","status":"publish","type":"article","link":"https:\/\/king.host\/wiki\/artigo\/como-conectar-ftp-com-visual-studio-code\/","title":{"rendered":"Como conectar seu FTP com o Visual Studio Code"},"content":{"rendered":"\n

Neste artigo vamos te mostrar como voc\u00ea pode configurar o Visual Studio Code para se conectar ao FTP e, dessa forma, automatizar o upload de arquivos.<\/em><\/p>\n\n\n\n

O VSCode<\/strong>, como \u00e9 chamado, \u00e9 uma ferramenta multiplataforma que est\u00e1 dispon\u00edvel para Windows, Mac OS e Linux, sendo executada nativamente em cada plataforma. Ele \u00e9 gratuito e opensource<\/em>. Al\u00e9m disso, tamb\u00e9m possui suporte a mais de 30 linguagens de programa\u00e7\u00e3o, como JavaScript, C#, C++, PHP, Java, HTML, R, CSS, SQL, Markdown, TypeScript, LESS, SASS, JSON e muito mais.<\/p>\n\n\n\n

Neste artigo mostraremos como voc\u00ea pode configurar a conex\u00e3o do Visual Studio Code com o seu FTP. Dessa forma, voc\u00ea n\u00e3o precisar\u00e1 mais ficar enviando cada arquivo manualmente sempre que precisar, pois o pr\u00f3prio VSCode far\u00e1 o envio direto para o diret\u00f3rio no seu FTP.<\/p>\n\n\n\nVoc\u00ea pode baixar a vers\u00e3o correspondente com seu S.O. aqui: Visual Studio Code<\/a>.<\/box-info>\n\n\n\n

\"banner-kinghost\"<\/a><\/figure>\n\n\n\n

Configurando a conex\u00e3o do Visual Studio Code com o FTP<\/h2>\n\n\n\n

Antes de tudo, para configurarmos a conex\u00e3o, \u00e9 necess\u00e1rio baixar e instalar um plugin<\/em> chamado Simple FTP<\/strong>, que voc\u00ea pode encontrar no pr\u00f3prio marketplace<\/em> do VSCode:<\/p>\n\n\n\n

\"Baixando<\/a><\/figure>\n\n\n\n

Depois do plugin<\/em> instalado, pressione a tecla F1<\/strong>, digite ftp-simple<\/strong> e encontre a op\u00e7\u00e3o connection setting<\/strong>.<\/p>\n\n\n\n

\"Selecionando<\/a><\/figure>\n\n\n\n

Dessa forma, abrir\u00e1 uma nova tela com os dados de acesso.
Caso voc\u00ea n\u00e3o saiba como obter os dados de acesso ao seu FTP, veja o artigo Como verificar os dados de acesso ao FTP<\/a>.<\/p>\n\n\n\n

Nos dados a seguir, voc\u00ea vai precisar alterar somente os campos host<\/strong> , username<\/strong> e password<\/strong>.
Al\u00e9m disso, voc\u00ea pode tamb\u00e9m pode configurar mais de uma conex\u00e3o, basta apenas voc\u00ea inserir uma v\u00edrgula e colocar a pr\u00f3xima conex\u00e3o depois da \u00faltima chave.<\/p>\n\n\n\n

[\n\t{\n\t\t\"name\": \"Nome da conex\u00e3o\",\n\t\t\"host\": \"ftp.seudominio.com.br\",\n\t\t\"port\": 21,\n\t\t\"type\": \"ftp\",\n\t\t\"username\": \"usu\u00e1rio\",\n\t\t\"password\": \"senha\",\n\t\t\"path\": \"\/\",\n\t\t\"autosave\": true,\n\t\t\"confirm\": true\n\t}\n]<\/code><\/pre>\n\n\n\n
Depois de salvar esta configura\u00e7\u00e3o, \u00e9 recomendado que voc\u00ea reinicie o VSCode e, quando abrir novamente, pode apertar a tecla F1<\/strong> e digitar ftp-simple<\/strong>. Dessa forma, mostrar\u00e1 a op\u00e7\u00e3o de conectar ao seu FTP com a op\u00e7\u00e3o Remote directory open to workspace<\/strong>.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Finalmente a configura\u00e7\u00e3o estar\u00e1 conclu\u00edda.
Agora \u00e9 s\u00f3 aproveitar e cada vez que voc\u00ea editar e salvar um arquivo j\u00e1 ir\u00e1 enviar automaticamente para o diret\u00f3rio que est\u00e1 acessando no seu FTP.<\/p>\n","protected":false},"author":9,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[5],"article-tag":[],"class_list":["post-21421","article","type-article","status-publish","format-standard","hentry","article-category-ftp"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t