Mantente al día sobre las novedades de tu asunto favorito

Aprende a crear sitios web increíbles con facilidad

Usa el poder de Internet para promocionar tu negocio

Inspírate con las estrategias de grandes empresas

Contenido variado para potenciar los resultados de tu proyecto

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

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.

Navega por asuntos

  • ¿Cómo funciona?

    • Crear una cuenta FTP

    • Instalar la extensión “ftp-simple”:

    • Configurar la conexión FTP

    • Probar la conexión:

    • Abrir el directorio remoto

    • Consideraciones finales

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.