Desarrolla código con un editor local de VS Code

Aprende a abrir un túnel SSH desde tu máquina local a una estación de trabajo y, luego, usar Desarrollo remoto de VS Code para conectarte a Cloud Workstations desde tu editor local de VS Code.

Antes de comenzar

Antes de comenzar, asegúrate de seguir los pasos para estas tareas:

  1. Asegúrate de que alguien de tu equipo haya creado una configuración de estación de trabajo.
  2. Crea y, luego, inicia tu estación de trabajo.
  3. En la consola de Google Cloud, copia la siguiente información:

    1. ID y nombre del proyecto: Haz clic en el nombre del proyecto en Google Cloud de la barra de menú y copia el ID en el diálogo Project name and ID que se abre.
    2. Región
    3. Nombre del clúster
    4. Nombre de la configuración
  4. En tu máquina local, instala la CLI de gcloud.

    Si ejecutas la CLI de gcloud por primera vez, también puedes debes ejecutar gcloud auth login para obtener credenciales y gcloud config set project PROJECT_ID para establecer tu actual al ID del proyecto que copiaste en el paso anterior.

  5. Cuando uses ssh por primera vez, instala una extensión remota SSH para puedes conectarte a una estación de trabajo desde el editor de VS Code a través del Marketplace de la extensión o a través de la paleta de comandos.

    Marketplace de extensiones

    1. Abre la aplicación local del editor de VS Code y, luego, la Selecciona la opción Marketplace de la extensión
      . Extensiones en la barra de actividad.

    2. Haz clic en Instalar para instalar la extensión Remote - SSH.

    3. Ingresa remote ssh en el campo de búsqueda, lo que abrirá la página de la extensión para Remote - SSH.

      Instala la extensión Remote-SSH

    Paleta de comandos

    1. Para abrir la paleta de comandos, presiona Control + Mayúsculas + P (o Comando + Mayúsculas + P en macOS) o haz clic en Ver > Paleta de comandos.

    2. Ingresa ext install ms-vscode-remote.remote-ssh para instalar el .

Abre un túnel SSH

Abre un túnel SSH desde tu máquina local a una estación de trabajo con el comando gcloud workstations start-tcp-tunnel:

  1. En la consola de Google Cloud, ve a la página Cloud Workstations > Workstations.

    Ir a Estaciones de trabajo

  2. Haz clic en el nombre de la estación de trabajo para abrir la página Detalles de la estación de trabajo.

  3. En el siguiente ejemplo, reemplaza los marcadores de posición del nombre de la estación de trabajo, región (ubicación), nombre del clúster de la estación de trabajo el nombre de la configuración de la estación de trabajo. Copia los valores de los detalles de la estación de trabajo en los marcadores de posición marcados con un edit.

    gcloud workstations start-tcp-tunnel \
      --project=PROJECT_ID \
      --region=REGION \
      --cluster=CLUSTER_NAME \
      --config=CONFIG_NAME \
      --local-host-port=:LOCAL_PORT \
      WORKSTATION_NAME 22
    

    Consulta la sección Antes de comenzar para encontrar el ID del proyecto.

    La marca --local-host-port=:LOCAL_PORT es opcional. Si quieres especificar un puerto local, reemplaza LOCAL_PORT por el número de puerto local que deseas usar. Si no especificas un puerto local, el sistema elige uno arbitrario que no se usa y muestra un mensaje con el número de puerto para que sepas cuál usa.

  4. Después de completar los marcadores de posición, haz clic en content_copy Copy code sample para copiar el comando de CLI gcloud.

  5. Pega el comando en la ventana de la terminal local y presiona Intro para crear el túnel.

    Cuando el comando se realiza correctamente, aparece un mensaje Listening on port seguido del número de puerto local.

Para obtener más detalles sobre cada marca de configuración, consulta Túnel SSH o start-tcp-tunnel.

Cómo conectarse a un host de Cloud Workstations

Sigue estos pasos para conectarte a un host de Cloud Workstations:

  1. Abre o vuelve a la aplicación de VS Code.
  2. Para iniciar Remote-SSH, haz clic en Abre una ventana remota en la barra de estado.

  3. Cuando se abra la paleta de comandos, selecciona la opción Conectarse al host.

    Cómo conectarse al host

  4. Ingresa user@localhost:LOCAL_PORT y reemplaza LOCAL_PORT por el número de puerto local.

    El siguiente ejemplo se conecta al puerto local 1025 especificando user@localhost:1025

    Agrega un host SSH

  5. Si se te solicita conectarte después de ver la confirmación Host agregado haz clic en Conectar.

    Es posible que el sistema también te solicite que confirmes el hash. Si se te solicita, haz clic en Continuar.

  6. Se abrirá un nuevo editor de VS Code y la barra de estado de VS Code mostrará SSH: localhost: seguido del número de puerto.

    Ahora tienes acceso a los servidores de lenguajes y archivos en tu estación de trabajo remota y puedes compilar y ejecutar procesos que se ejecutan dentro de tu estación de trabajo.

    En el siguiente ejemplo, se muestra una ventana del editor de VS Code conectada a las estaciones de trabajo de Cloud a través de SSH: localhost: 1025.

    Conectado a la estación de trabajo

    También puedes volver al mercado de extensiones para instalar Cloud Code y otras extensiones locales de VS Code que te ayudarán a compilar, ejecutar y probar tu código.