Compartir a través de

Abrir un cuadro de desarrollo en VS Code

Use Microsoft Dev Box con Visual Studio Code (VS Code) para crear entornos de desarrollo seguros basados en la nube. En este artículo se explica cómo configurar túneles de desarrollo y conectarse a su dev Box desde VS Code. Aprenderá a instalar la extensión necesaria, habilitar túneles seguros y conectarse de forma remota para una experiencia de desarrollo simplificada. Siga estos pasos para empezar a trabajar de forma rápida y eficaz desde cualquier lugar.

Prerrequisitos

Habilitación de túneles de desarrollo en un grupo de dev Box

Dev Box Dev Tunnels es una característica que permite a los desarrolladores conectarse a su dev Box mediante Visual Studio Code (VS Code) a través de túneles seguros. Esta característica es especialmente útil para los desarrolladores que desean trabajar de forma remota o desde diferentes ubicaciones sin necesidad de una conexión completa a Escritorio remoto.

Registro de la característica de versión preliminar Dev Box Tunnels

Aunque Dev Box Tunnels está en versión preliminar, debe registrar la característica en su suscripción de Azure.

  1. Inicie sesión en Azure Portal.

  2. Seleccione Suscripciones.

  3. Seleccione la suscripción que contiene los recursos de Dev Box.

  4. En el menú de la izquierda, seleccione Configuración>Características de vista previa.

  5. En el cuadro Buscar , escriba Dev Box, seleccione Dev Box Dev Tunnels en los resultados y, a continuación, seleccione Registrar.

    Captura de pantalla de la página características de la versión preliminar de Azure Portal con la entrada

  6. En el mensaje ¿Desea registrar las características seleccionadas? , seleccione Aceptar.

Habilitación de túneles de desarrollo para un grupo de cuadros de desarrollo

Los túneles de desarrollo están habilitados por grupo. Para habilitar túneles para un grupo de cuadros de desarrollo:

  1. Vaya al proyecto que contiene el grupo de cuadros de desarrollo donde desea habilitar túneles.

  2. En el menú de la izquierda, seleccione Administrar> gruposde cuadros de desarrollo.

  3. Para el grupo que desea editar, en el menú de operaciones del cuadro de desarrollo (...), seleccione Editar.

    Captura de pantalla del panel Edición del grupo de cuadros de desarrollo de Azure Portal con el menú de operaciones y el comando Editar visible.

  4. En la pestaña Administración , seleccione Habilitar la apertura del cuadro de desarrollo en VS Code y, a continuación, seleccione Guardar.

    Captura de pantalla de la pestaña Administración del grupo de cuadros de desarrollo en Azure Portal con la opción

Conexión a un cuadro de desarrollo mediante un túnel de desarrollo

Siga estos pasos para configurar un túnel de desarrollo y conectarse al cuadro de desarrollo mediante VS Code.

  1. Instalación de la extensión de VS Code

    En VS Code local, instalar la extensión Dev Box desde el Marketplace de extensiones de VS Code. Los túneles de desarrollo requieren la versión 2.0.0 o posterior. Asegúrese de instalar la extensión localmente, no en el Dev Box al que quiere conectarse.

    Captura de pantalla de la extensión Dev Box en Visual Studio Code en la que se muestran los detalles de la extensión y la opción de instalación.

  2. Para iniciar sesión en la extensión Dev Box, seleccione el icono de Dev Box en la barra lateral izquierda y seleccione Iniciar sesión en Dev Box con Microsoft.

    Captura de pantalla de la opción de inicio de sesión de la extensión Dev Box en Visual Studio Code, en la que se muestra el icono de Dev Box y el comando Iniciar sesión.

  3. Conexión a Dev Box en VS Code

    Una vez configurado todo, abra el cuadro de desarrollo en VS Code. En el menú Administrar (rueda de configuración), seleccione Conectar.

    Captura de pantalla de la extensión Dev Box que muestra el botón Conectar usado para abrir un túnel a un cuadro de desarrollo en Visual Studio Code.

  4. Exploración de la experiencia remota en VS Code

    Se abre una nueva ventana de VS Code. Puede abrir cualquier carpeta o área de trabajo en el cuadro de desarrollo remoto mediante archivoabrir archivo>, carpeta o área de trabajo, tal como lo haría localmente.

Conexión a Windows Substem para Linux

Si tiene un entorno de Subsistema de Windows para Linux (WSL) en Dev Box, conéctese a él mediante el Explorador Remoto.

Seleccione Destinos de WSL en la lista desplegable para ver todas las distribuciones de WSL. Abra cualquier distribución de WSL en la ventana actual o nueva.

Captura de pantalla del Explorador remoto de Visual Studio Code que muestra las distribuciones de WSL disponibles con el destino WSL de Dev Box resaltado.

Para obtener más información sobre la experiencia de desarrollo de WSL, consulte Remoto - WSL y Configurar un entorno de desarrollo de WSL.

Preguntas más frecuentes

  • ¿Por qué necesito iniciar sesión en Dev Box antes de habilitar el túnel?

    Este paso es necesario para establecer una sesión de usuario para configurar el túnel. Después del inicio de sesión inicial, puede desconectar de Dev Box. A continuación, puede habilitar o conectarse al túnel sin iniciar sesión de nuevo, a menos que desconecte o reinicie Dev Box.

  • ¿Por qué no puedo conectarme al Dev Box incluso si el túnel está habilitado?

    Actualice la vista del explorador de extensiones de Dev Box con el botón de la esquina superior derecha para comprobar el estado más reciente del túnel. Si el túnel está habilitado, pero todavía no se puede conectar, intente deshabilitar el túnel, inicie sesión en Dev Box y vuelva a habilitar el túnel.

Contenido relacionado

  • Last updated on