Cómo desarrollar en un servidor SSH remoto con Visual Studio Code

La edición de archivos almacenados en un servidor remoto no tiene por qué ser un desorden de comandos básicos de shell y editores de texto. Visual Studio Code es uno de los IDE de desarrollador más populares, y una extensión oficialmente compatible le permite agregar conexiones SSH a su espacio de trabajo.

La extensión Remote - SSH puede conectarse a servidores de red, enumerar su estructura de directorio y abrir y editar archivos. Casi todas las funciones de Visual Studio Code están disponibles, incluida la finalización del código IntelliSense, la depuración incrustada y las extensiones de terceros.

Índice de contenidos
  1. Para comenzar
  2. Usando conexiones remotas
  3. ¿Como funciona?
  4. Configuración de extensión
  5. Resumen

Para comenzar

Comience agregando la extensión Remote - SSH a su editor. Presione Ctrl + Shift + P para abrir la paleta de comandos y escriba "instalar". La barra lateral de extensiones aparecerá a la izquierda. Busque "remote - ssh" e instale la extensión correspondiente. Está publicado y respaldado por Microsoft.

Ahora necesita conectarse a su servidor SSH. La extensión funciona con hosts que ejecutan Ubuntu, Debian, CentOS, RHEL y Raspbian. Los servidores de Windows también son compatibles, siempre que se utilice el servidor OpenSSH oficial de Microsoft. Los hosts de MacOS deben tener habilitada la función de acceso remoto del sistema operativo.

Antes de continuar, asegúrese de haber copiado su clave pública SSH local a la de su servidor authorized_keys expediente. VS Code no es totalmente compatible con la autenticación basada en contraseña; Aunque funcionará, tendrá que volver a ingresar la contraseña cada vez que se ejecute un comando.

Presione Ctrl + Shift + P para mostrar la paleta de comandos. Busque "explorador remoto" y ejecute el comando "Ver: Mostrar explorador remoto" para mostrar el panel lateral remoto. Seleccione "Destinos SSH" en el menú desplegable de arriba si aún no está seleccionado.

Coloca el cursor sobre el encabezado "Objetivos SSH" en el panel lateral. Haga clic en el botón más para crear una nueva conexión. Aparecerá una ventana emergente que le permitirá ingresar los detalles de su servidor. Debe ser un comando de conexión SSH completo con el -A marca para habilitar el reenvío de agentes. Esto le permite utilizar claves locales al ejecutar comandos SSH posteriores en el servidor.

ssh [email protected] -A

Se le pedirá que elija un archivo de configuración SSH para escribir. Puede elegir entre su archivo de usuario predeterminado, archivo de configuración del sistema o una ubicación personalizada. Seleccionar el predeterminado en su directorio de inicio suele ser la mejor opción si no está seguro.

Su nuevo host se agregará a la barra lateral de Remote Explorer. Haga clic en el icono de la carpeta junto al nombre para abrir una conexión en una nueva ventana de Visual Studio Code. La primera instalación que se ejecuta puede tardar unos minutos mientras Visual Studio configura el host remoto y habilita su componente de servidor.

Usando conexiones remotas

Una vez que se complete la instalación, se encontrará en una ventana normal de Visual Studio Code realizando operaciones en el host seleccionado. Haga clic en el botón "Abrir carpeta" en la parte superior izquierda de la barra lateral para buscar un directorio en su servidor. Es posible que se le solicite que acepte una solicitud de confianza en el espacio de trabajo; si es así, haga clic en "sí" para marcar el directorio como confiable y habilitar todas las funciones del editor.

Ahora verá el directorio del lado del servidor que se muestra en el panel del Explorador normal de VS Code. Puede abrir archivos, ver su contenido y editarlos usando el flujo de trabajo familiar. Si está trabajando en un repositorio de Git, puede usar las funciones de control de código fuente integradas para organizar y confirmar los cambios como de costumbre.

Directorio con .vscode los archivos habilitan funciones como compilación y depuración. VS Code puede ejecutar el contenido de directorios remotos, brindándole una experiencia de desarrollo completa. Presione F5 para iniciar su aplicación si se define un sistema de compilación. Puede establecer puntos de interrupción y recorrer el código de la misma manera que lo hace con los proyectos locales.

El panel de terminales de código VS en la parte inferior de la ventana también se conectará al host seleccionado. Puede usarlo para ejecutar comandos en su servidor remoto.

Una vez que se abre un directorio, aparecerá en la barra lateral del Explorador remoto en el futuro. Haga clic en su nombre debajo del host SSH para iniciar una nueva ventana de VS Code directamente en ese directorio remoto.

¿Como funciona?

Las funciones remotas funcionan instalando un componente de servidor de VS Code en la máquina remota. Esto sucede automáticamente la primera vez que se conecta. El servidor monitorea el sistema de archivos, aplica los cambios e inicia los procesos requeridos por el editor.

El servidor es necesario para que VS Code tenga acceso completo al sistema de archivos y la capacidad de ejecutar código y depurar en su host. Normalmente no es necesario interactuar con el proceso del servidor, ya que está totalmente gestionado por el cliente editor. Si es necesario, puede reiniciarlo desde la paleta de comandos.

Extensiones en tu .vscode el archivo también se instalará en el host remoto. Esto les da el mismo acceso sin concesiones a sus archivos, por lo que la mayoría de las extensiones funcionarán sin problemas.

Al editar dentro de VS Code, obtiene un rendimiento casi nativo con poca sobrecarga. Las solicitudes de lectura y escritura de archivos se reenvían desde la ventana del editor de VS Code al proceso del servidor en el host remoto. Esto interactúa con el sistema de archivos para proporcionar los datos requeridos e implementar los cambios necesarios.

A diferencia de otras extensiones de edición remota, esta se centra en proporcionar una experiencia de desarrollo remota completa, no solo en la edición de archivos. La inclusión del componente del servidor es fundamental para este enfoque, ya que la funcionalidad del editor principal permanece cercana al código. Están desacoplados de la ventana de edición que ve y con la que interactúa.

Configuración de extensión

La extensión tiene varias configuraciones a las que puede acceder a través del comando "Remote-SSH: Configuración". En la parte superior de la página, puede especificar la ruta a un archivo de configuración SSH personalizado y agregar un tiempo de espera de conexión predeterminado. Esto interrumpe la congelación de Visual Studio durante demasiado tiempo cuando un host remoto deja de responder. Más abajo en la página, la configuración "Intentos máximos de reconexión" le permite cambiar el comportamiento de Visual Studio cuando falla una conexión.

La configuración "Extensiones predeterminadas" le permite agregar extensiones de código VS que se instalarán en todos los hosts SSH remotos. Estas extensiones estarán disponibles universalmente, incluso si no las ha agregado a las de su proyecto activo. .vscode expediente.

Las siguientes casillas de verificación controlan el reenvío automático de agentes. Estos corresponden a la configuración predeterminada del cliente SSH en el archivo de configuración SSH.

Las configuraciones adicionales le permiten personalizar cómo VS Code se expone y se conecta al servidor remoto. Puede optar por utilizar un socket en lugar de un puerto, agrupar conexiones entre ventanas abiertas y utilizar una ruta binaria SSH personalizada. Estos ajustes son específicos del entorno; cada uno va acompañado de una descripción de su uso previsto.

Resumen

La extensión Remote SSH de VS Code facilita el trabajo con archivos en hosts remotos. Obtenga una experiencia de desarrollo de clase mundial sin sincronizar manualmente archivos entre máquinas.

El flujo de trabajo mejora la utilidad de los entornos de desarrollo remoto. Puede configurar su cadena de herramientas en un solo servidor y permitir que los desarrolladores accedan a ella de forma remota. VS Code es más confiable, de rendimiento y poderoso que los enfoques tradicionales, como montar el sistema de archivos remoto localmente o usar software de acceso remoto como VNC.

Además de las conexiones SSH, VS Code también incluye contenedores Docker, el subsistema de Windows para Linux y GitHub Codespaces. Obtiene todas las funciones del editor de VS Code sin importar dónde resida su código, lo que le brinda más flexibilidad al configurar un nuevo entorno.

Descubre más contenido

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir Change privacy settings