---
title: "Gestionar un alojamiento web con Visual Studio Code a través de SFTP"
description: "Administrar un sitio web en un alojamiento web con Visual Studio Code gracias a una extensión SFTP"
url: https://docs.ovhcloud.com/es/guides/web-cloud/web-hosting/handle-sftp-connexion-vscode
lang: es
lastUpdated: 2026-06-08
---
# Gestionar un alojamiento web con Visual Studio Code a través de SFTP
## Objetivo
Si tiene contratado un plan de hosting de OVHcloud, puede acceder a un espacio de almacenamiento desde el que podrá administrar su sitio web. Es posible acceder a este espacio de almacenamiento a través del protocolo SFTP. Aunque se puede conectar con un terminal, también se puede usar el entorno de desarrollo integrado (IDE) de Visual Studio Code para administrar las carpetas y archivos del sitio web.
:::info
Si desea administrar su sitio web de forma remota sin utilizar Visual Studio Code, puede instalar el cliente FTP FileZilla. Para más información, consulte nuestra guía "[Utilizar FileZilla con el alojamiento de OVHcloud](/es/guides/web-cloud/web-hosting/ftp-filezilla-user-guide.md)". Si desea conectarse a su sitio web por SSH, consulte nuestra guía "[Utilizar el acceso SSH de un alojamiento web](/es/guides/web-cloud/web-hosting/ssh-on-webhosting.md)".
:::
**Descubra cómo administrar su sitio web con Visual Studio Code.**
## Requisitos
- Tener contratado un [plan de hosting de OVHcloud](https://www.ovhcloud.com/es-es/web-hosting/)
- Instalar [Microsoft Visual Studio Code](https://visualstudio.microsoft.com/#vscode-section) en el equipo
***
### Acceso al área de cliente de OVHcloud
- **Enlace directo:** Alojamientos
- **Ruta de navegación:** Web Cloud > Alojamientos > Seleccione su alojamiento web
***
## Procedimiento
:::warning
OVHcloud pone a su disposición servicios cuya configuración, gestión y responsabilidad recaen sobre usted. Por lo tanto, usted deberá asegurarse de que estos funcionen correctamente.
Este tutorial le ayudará a realizar las tareas más habituales. No obstante, si necesita ayuda, le recomendamos que contacte con un [proveedor especializado](https://partner.ovhcloud.com/es-es/directory/) o con el [editor del IDE de Visual Studio Code](https://code.visualstudio.com/). Nosotros no podremos asistirle. Para más información, consulte la sección ["Más información"](#go-further) de este tutorial.
:::
### Instalar la extensión SFTP para Visual Studio Code
:::warning
En este tutorial hemos elegido la extensión "SFTP/FTP sync" de _Natizyskunk_. Usted puede elegir otra. Sin embargo, tenga en cuenta que una extensión de Visual Studio Code es software que suele crear un desarrollador independiente, que puede detener su desarrollo en cualquier momento.
:::
Después de iniciar Visual Studio Code, acceda al menú horizontal situado en la parte superior de la interfaz, haga clic en `View
` y luego en `Extensions
`.
Para realizar la misma acción con el método abreviado de teclado, seleccione:
- `Ctrl + Shift + X` si está en Windows,
- `Maj + Command + X` si está en macOS.
En la parte superior izquierda de la interfaz, introduzca el nombre de la extensión "SFTP/FTP sync" de _Natizyskunk_
y haga clic en `Install
`.
También puede instalar [la extensión "SFTP/FTP sync"](https://marketplace.visualstudio.com/items?itemName=Natizyskunk.sftp#sftp-sync-extension-for-vs-code) desde el marketplace de Visual Studio.
### Inicializar el proyecto localmente
Para sincronizar los archivos de su sitio web presentes en el alojamiento web desde Visual Studio Code, introduzca la ubicación local del proyecto. Para ello, cree una carpeta en la ubicación que desee.
Vuelva a Visual Studio Code en el menú horizontal de la parte superior de la interfaz, haga clic en `View
` y luego en `Command Palette
` para ver el Editor de comandos.
Para realizar la misma acción con el método abreviado de teclado, seleccione:
- `Ctrl + Shift + P` si está en Windows,
- `Maj + Command + P` si está en macOS.
Introduzca el siguiente comando: `SFTP: Config`.
Con este comando, Visual Studio Code creará el archivo de configuración "sftp.json" en la raíz de la carpeta local creada anteriormente. Sin embargo, dado que Visual Studio Code aún no conoce la ubicación local del proyecto, debería aparecer el siguiente mensaje:
Haga clic en `Open Folder
`, diríjase a la ubicación de la carpeta local que desee y haga clic en `Select Folder
` para confirmar.
En Visual Studio Code, vuelva a escribir el comando `SFTP: Config`. En Visual Studio Code aparece un archivo de configuración denominado 'sftp.json'.
Este archivo se encuentra en la carpeta .vscode, que a su vez se sitúa en la raíz del proyecto local.
### Configurar archivo sftp.json
Antes de trabajar en el proyecto, cárguelo en la carpeta local que creó anteriormente. No obstante, en primer lugar, asegúrese de que el archivo "sftp.json" está correctamente configurado. Consulte nuestra guía "[Conectarse al espacio de almacenamiento FTP de su alojamiento web](/es/guides/web-cloud/web-hosting/ftp-connection.md)" para encontrar la información útil.
En el archivo "sftp.json", introduzca los valores para las siguientes entradas:
#### name
Haga clic en las fichas siguientes para ver cada una de las **2** etapas.
**Paso 1**
Acceda a la página Alojamientos y seleccione el alojamiento web correspondiente.
**Paso 2**
Localícelo en las dos ranuras resaltadas en naranja.
:::info
El valor `name` (nombre) puede personalizarse, por lo que podrá asignarle el que desee. Sin embargo, si configura varios archivos "sftp.json", es preferible tomar como referencia los valores visibles anteriormente por motivos de organización.
:::
#### host
Haga clic en las fichas siguientes para ver cada una de las **2** etapas.
**Paso 1**
Acceda a la página Alojamientos y seleccione el alojamiento web correspondiente.
**Paso 2**
En la pestaña FTP - SSH, el nombre de host (`host`) aparece bajo el epígrafe `Servidor FTP y SFTP`.
#### username
Haga clic en las fichas siguientes para ver cada una de las **2** etapas.
**Paso 1**
Acceda a la página Alojamientos y seleccione el alojamiento web correspondiente.
**Paso 2**
En la pestaña FTP - SSH, localice el nombre de usuario en la columna `Usuario` de la tabla.
#### remotePath
Haga clic en las fichas siguientes para ver cada una de las **2** etapas.
**Paso 1**
Acceda a la página Alojamientos y seleccione el alojamiento web correspondiente.
**Paso 2**
En la pestaña FTP - SSH, encontrará la ruta remota (`remotePath`) en la entrada `Acceso al directorio de la página principal`. Sin embargo, si hay varios usuarios configurados, la ruta especificada puede ser diferente. En ese caso, sustituya el nombre de usuario que aparece a continuación de `home/` por el de su elección en la columna `Usuario` de la tabla.
**Ejemplo**: Si su nombre de usuario es "john-smith", obtendrá `home/john-smith`.
Por último, no olvide añadir esta línea en el archivo sftp.json : `"openSsh": true`
:::info
Para evitar escribir la contraseña después de cada comando en Visual Studio Code, guárdela en el archivo "sftp.json" agregando la línea: `"password": ""`
:::
A continuación se muestra un ejemplo de archivo "sftp.json":
```json
{
"name": "",
"host": "",
"protocol": "sftp",
"port": 22,
"username": "myusername",
"password": "mypassword",
"remotePath": "/home/myusername",
"uploadOnSave": false,
"useTempFile": false,
"openSsh": true
}
```
Para más información sobre las opciones del archivo "sftp.json", consulte la [documentación del proyecto](https://github.com/Natizyskunk/vscode-sftp/wiki/configuration).
### Descargar el proyecto localmente
Una vez configurado el archivo "sftp.json", descargue el contenido del proyecto para recuperar todas las carpetas y archivos del sitio web. Para ello, vaya a Visual Studio Code e introduzca el siguiente comando: `SFTP: Download Project`.
Visual Studio Code le pide que seleccione la carpeta que desea cargar en el alojamiento web. Introduzca el valor de `name` anteriormente definido en el archivo "sftp.json".
Si se le solicita, introduzca la contraseña asociada al usuario indicado en el archivo sftp.json y haga clic en `enter`. Después de la descarga, verá todas las carpetas y archivos del proyecto en el Explorador de archivos, en la columna izquierda de la interfaz de Visual Studio Code.
:::info
Le recordamos que la configuración correcta del archivo "sftp.json" es fundamental. Si encuentra un error antes de descargar el proyecto, suele deberse a un error de configuración del archivo "sftp.json". Para más información, consulte [FAQ de la extensión](https://github.com/Natizyskunk/vscode-sftp/blob/HEAD/FAQ.md).
:::
### Realizar cambios en los archivos
Ahora que el proyecto se ha descargado localmente en el equipo, puede editar, agregar o eliminar fácilmente archivos en Visual Studio Code.
Si desea que los cambios locales se sincronicen cada vez que guarde un archivo, añada esta línea al archivo "sftp.json": `"uploadOnSave": true`
Para desactivar esta función, pero conservándola en el archivo sftp.json, cambie el valor `true` a `false`.
Hasta ahora solo hemos mencionado los comandos: `SFTP: Config` y `SFTP: Download Project`. Hay otros comandos que puede observar por autocompletado escribiendo `SFTP:` en el editor de comandos.
Consulte los comandos [aquí](https://github.com/Natizyskunk/vscode-sftp/wiki/Commands).
Ahora puede acceder y editar el contenido del alojamiento web a través de Visual Studio Code.
Esta guía explica cómo administrar un proyecto desde Visual Studio Code de forma eficaz. Es adecuado para un primer experimento. Sin embargo, si modifica varios archivos y estos están sincronizados en su alojamiento web, no podrá ver el historial de cambios para poder revertirlos o corregir un error.
## Más información [](#)
[Conectarse al espacio de almacenamiento FTP de un alojamiento web](/es/guides/web-cloud/web-hosting/ftp-connection.md)
[Utilizar FileZilla con el alojamiento de OVHcloud](/es/guides/web-cloud/web-hosting/ftp-filezilla-user-guide.md)
[Utilizar el acceso SSH de un alojamiento web](/es/guides/web-cloud/web-hosting/ssh-on-webhosting.md). Recuerde que para utilizar el SSH, debe disponer de un [plan de hosting](https://www.ovhcloud.com/es-es/web-hosting/) **Pro**, **Performance**, **Agency**, **Agency Plus** o **Agency Max**.
Para servicios especializados (posicionamiento, desarrollo, etc.), contacte con [partners de OVHcloud](https://partner.ovhcloud.com/es-es/directory/).
Si quiere disfrutar de ayuda para utilizar y configurar sus soluciones de OVHcloud, puede consultar nuestras distintas [ofertas de soporte](https://www.ovhcloud.com/es-es/support-levels/).
Interactúe con nuestra [comunidad de usuarios](https://community.ovhcloud.com/).