Neste artigo vamos te mostrar como você pode configurar o Visual Studio Code para se conectar ao FTP e, dessa forma, automatizar o upload de arquivos.
O VSCode, como é chamado, é uma ferramenta multiplataforma que está disponível para Windows, Mac OS e Linux, sendo executada nativamente em cada plataforma. Ele é gratuito e opensource. Além disso, também possui suporte a mais de 30 linguagens de programação, como JavaScript, C#, C++, PHP, Java, HTML, R, CSS, SQL, Markdown, TypeScript, LESS, SASS, JSON e muito mais.
Neste artigo mostraremos como você pode configurar a conexão do Visual Studio Code com o seu FTP. Dessa forma, você não precisará mais ficar enviando cada arquivo manualmente sempre que precisar, pois o próprio VSCode fará o envio direto para o diretório no seu FTP.
Recado importante: você já ouviu falar do TDC (The Developer’s Conference)? É simplesmente o maior encontro de tecnologia da América Latina e você pode participar gratuitamente. A KingHost está oferecendo 40 cortesias exclusivas, para você participar (online ou presencialmente) do evento. Além disso, todos os inscritos no +Diversidade receberão um voucher de 20% de desconto. Aproveite essa oportunidade, clicando no banner abaixo!
Configurando a conexão do Visual Studio Code com o FTP
Antes de tudo, para configurarmos a conexão, é necessário baixar e instalar um plugin chamado Simple FTP, que você pode encontrar no próprio marketplace do VSCode:
![Baixando o plugin Simple FTP para poder utilizar o Visual Studio.](https://king.host/wiki/wp-content/uploads/2021/05/vscode01.png)
Depois do plugin instalado, pressione a tecla F1, digite ftp-simple e encontre a opção connection setting.
![Selecionando a opção connection setting.](https://king.host/wiki/wp-content/uploads/2021/05/vscode02.png)
Dessa forma, abrirá uma nova tela com os dados de acesso.
Caso você não saiba como obter os dados de acesso ao seu FTP, veja o artigo Como verificar os dados de acesso ao FTP.
Nos dados a seguir, você vai precisar alterar somente os campos host , username e password.
Além disso, você pode também pode configurar mais de uma conexão, basta apenas você inserir uma vírgula e colocar a próxima conexão depois da última chave.
[
{
"name": "Nome da conexão",
"host": "ftp.seudominio.com.br",
"port": 21,
"type": "ftp",
"username": "usuário",
"password": "senha",
"path": "/",
"autosave": true,
"confirm": true
}
]
Depois de salvar esta configuração, é recomendado que você reinicie o VSCode e, quando abrir novamente, pode apertar a tecla F1 e digitar ftp-simple. Dessa forma, mostrará a opção de conectar ao seu FTP com a opção Remote directory open to workspace.
![](https://king.host/wiki/wp-content/uploads/2021/05/vscode03.png)
Finalmente a configuração estará concluída.
Agora é só aproveitar e cada vez que você editar e salvar um arquivo já irá enviar automaticamente para o diretório que está acessando no seu FTP.