Como conectar seu FTP com o Visual Studio Code

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.

Você pode baixar a versão correspondente com seu S.O. aqui: Visual Studio Code.

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:

Depois do plugin instalado, pressione a tecla F1, digite ftp-simple e encontre a opção connection setting.

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.

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.