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, usa la compatibilidad con VS Code Remote Development 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. Nombre y ID del proyecto: Haz clic en el nombre del proyecto en la barra de menú de Google Cloud 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, es posible que también necesites ejecutar gcloud auth login para obtener credenciales y gcloud config set project PROJECT_ID para establecer tu proyecto actual en el ID del proyecto que copiaste en el paso anterior.

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

   Extensions Marketplace

   1. Abre la aplicación local del editor de VS Code y, luego, abre el mercado de extensiones seleccionando
      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.

      

   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 la extensión.

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 > Estaciones de trabajo.

   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, la región (ubicación), el nombre del clúster de la estación de trabajo y el nombre de la configuración de la estación de trabajo. Copia los valores del panel de detalles de la estación de trabajo en los marcadores de posición marcados con un ícono de editar.

   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 deseas 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 Open a Remote Window en la barra de estado.

   

3. Selecciona la opción Connect to Host cuando se abra la paleta de comandos.

   

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

   En el siguiente ejemplo, se especifica user@localhost:1025 para conectarse al puerto local 1025.

   

5. Si se te solicita que te conectes después de ver el mensaje de confirmación Host Added, haz clic en Connect.

   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 archivos y servidores de idioma de tu estación de trabajo remota, y puedes compilar y ejecutar procesos que se ejecutan dentro de ella.

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

   

   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.