¿Quieres estar al tanto de las novedades de HostGator? ¡Suscríbete y recíbelas de primera mano!

La confirmación de tu inscripción ha sido enviada a tu correo electrónico

¡Gracias por suscribirte, esperamos que disfrutes nuestros contenidos!

Destacado en la categoría:

Cómo conectar Visual Studio Code al alojamiento

10/07/2024Actualizado 10/07/20243mins de lectura
Douglas Vieira

Contenido por:

Douglas Vieira

visual studio code

Compartir:

Consulta lo que necesitas para conectar Visual Studio Code a tu alojamiento y aprovechar los recursos de la herramienta.

En este tutorial, aprenderás cómo conectar Visual Studio Code (VS Code) a tu alojamiento remoto para un desarrollo eficiente. VS Code Remoto permite trabajar en proyectos remotos usando la interfaz familiar de VS Code en tu máquina local.

¿Cómo funciona?

Crear una cuenta FTP

  1. Accede al cPanel de tu alojamiento;
  2. Navega hasta la sección “Cuentas FTP”;
  3. Crea una nueva cuenta FTP, asegurándote de que el directorio apunte al lugar correcto de tu sitio web.

Instalar la extensión “ftp-simple”:

  1. Abre VS Code y accede al Marketplace de extensiones.
  2. Busca “ftp-simple” e instala la extensión.
visual studio code

Configurar la conexión FTP

  1. Una vez instalada, haz clic en el campo de búsqueda y escribe: >ftp y selecciona la opción “ftp-simple: Config – FTP connection setting”;
  2. Rellena los campos con la información de tu cuenta FTP creada en el paso 1:
    • Nombre: Nombre de tu cuenta FTP
    • Host: Nombre del host FTP (generalmente el nombre de dominio de tu alojamiento o el link del hostname que aparece en la URL al acceder al cPanel)
    • Usuario: Nombre de usuario de la cuenta FTP
    • Contraseña: Contraseña de la cuenta FTP
    • Confirmar: Inserta “false” en este campo.
  3. Guarda el archivo de configuración (Ctrl+S o Archivo > Guardar).
visual studio code

Probar la conexión:

  1. Abre el terminal de VS Code;
  2. En el terminal, en el campo “tasks” selecciona ftp_simple;
  3. Espera a que la tarea se complete.
visual studio code

Abrir el directorio remoto

  1. En la barra de búsqueda de VS Code, escribe “>ftp” y selecciona “ftp-simple: Remote directory open to workspace”;
  2. Selecciona el “nombre” de tu configuración FTP configurada en el paso 3;
  3. Elige la opción “Current directory :/”.

¡Listo! Has establecido una conexión remota con tu alojamiento y ahora puedes editar y gestionar tus archivos de forma remota usando VS Code.

Consideraciones finales

En este artículo aprendiste cómo realizar una conexión remota en tu alojamiento usando VS Code.

Si tuviste alguna dificultad o tienes alguna sugerencia de algo que no se mencionó, solo déjalo en los comentarios y en el futuro podemos traer actualizaciones para este artículo.

Y ya que hablamos de la conexión de Visual Studio Code al alojamiento, ¿qué tal conocer el servicio ofrecido por HostGator? Tenemos una estructura de punta, infraestructura para garantizar que tu página esté en línea el 99.9% del tiempo y otros recursos para hacer crecer tu proyecto.

Tags:

    Douglas Vieira

    Graduado en Periodismo y con un MBA en Marketing, ha trabajado en importantes portales a lo largo de su carrera, incluyendo UOL Jogos, TecMundo y Voxel. Amante de las caminatas, las series, las películas y los juegos retro, no se cansa de decir a todos que Chrono Trigger es el mejor juego jamás creado en la historia.

    Más artículos del autor

    Crea tu presencia en línea

    Encuentra el nombre perfecto para tu web:

    www.