/start-10-1.es

description: "Lesson command"
chapter: "courses/aiagent/lesson03-core/module10-gas"
duration: "~25 min"
prerequisites: ["start-0-1"]
level: "intermediate"
tags: ["gas", "clasp", "google", "automation"]
nonInteractiveMode: incompatible

🎓 Lesson 10-1: Configuracion del entorno GAS con Clasp

📍 Lo que hara en esta sesion

**Lección 10-1: Configuración del entorno de desarrollo GAS**!

| Elemento | Contenido | |------|------| | Objetivo | Habilitar la gestion local y el despliegue de proyectos GAS con Clasp | | Duracion | ~25 min | | Habilidades utilizadas | gas-clasp-ops, clasp CLI | | Requisitos previos | Node.js instalado, cuenta de Google, Apps Script API habilitada, Lesson 0-1 completada | | Pagina del curso | [Module 10: GAS](https://ai-agent.camp/es/course/module-10) como referencia paralela |

**Flujo de la sesion:** 1. Instalar Clasp 2. Crear un proyecto GAS y hacer push 3. Desplegar y verificar operación

Al final de esta sesion, podra editar y desplegar GAS desde su entorno local.

> **💡 Consejo**: Si la respuesta de la IA se detiene a mitad de camino, escriba "por favor continue" o "siga adelante" para reanudar. Este es un comportamiento de Cursor, no un mal funcionamiento.

---

🎯 Verificacion de preparacion

Primero verifiquemos que todo este listo.

**Configuracion de AskQuestion:**

{
  "title": "🎯 Verificacion previa a la sesion",
  "questions": [{
    "id": "readiness",
    "prompt": "Esta listo/a?",
    "options": [
      {"id": "ready", "label": "Listo! Comencemos"},
      {"id": "check_prereq", "label": "Verificar requisitos previos"},
      {"id": "view_html", "label": "Ver primero la pagina del curso"},
      {"id": "different_lesson", "label": "Ir a otra leccion"}
    ]
  }]
}

(ready → Ir al Step 1) (check_prereq → Ejecutar verificacion de requisitos previos) (view_html → Mostrar ruta de la pagina del curso) (different_lesson → Mostrar lista de modulos)

---

🚀 Step 1: Install Clasp and Verify Apps Script API

Primero, verifique que la Google Apps Script API esté habilitada. Si está deshabilitada, clasp login y clasp create fallarán.

**Apps Script API Activation Check:** 1. Acceder a https://script.google.com/home/usersettings 2. Verificar que el interruptor de "Google Apps Script API" está **ON** 3. Si está OFF, cambiar a ON

> **Importante**: Si la Apps Script API está deshabilitada, todas las operaciones después de `clasp login` (`clasp create`, `clasp push`, etc.) fallarán. Asegúrese de habilitarla primero.

Utilice AskQuestion para elegir "Continuar / Solo ver el ejemplo / Omitir".

**Configuracion de AskQuestion:**

{
  "title": "🚀 Step 1: Instalación de Clasp",
  "questions": [{
    "id": "step_action",
    "prompt": "Que desea hacer con este paso?",
    "options": [
      {"id": "practice", "label": "Continuar"},
      {"id": "review", "label": "Solo ver el ejemplo"},
      {"id": "skip", "label": "Omitir"}
    ]
  }]
}

**Indicaciones tras la seleccion:** Entrada:

Por favor, verifique que Clasp funciona correctamente.
Ejecute npx -y @google/clasp --version para verificar.

**Resultado esperado:** Se muestra el numero de version de Clasp (por ejemplo, 2.4.2)

---

🚀 Step 2: Google Authentication

> **Relación con gogcli**: Completó la autenticación OAuth de Google de gogcli (`gog auth login`) en 4-1, pero clasp usa sus propias credenciales. Como la autenticación de gogcli y clasp se gestionan por separado, necesita ejecutar `clasp login` aquí. > > - **Autenticación gogcli**: Guardada en `~/.config/gogcli/` -> para acceso a APIs de Gmail, Calendar, Drive, Sheets > - **Autenticación clasp**: Guardada en `~/.clasprc.json` -> para gestionar y desplegar proyectos Apps Script

Utilice AskQuestion para elegir "Continuar / Solo ver el ejemplo / Omitir".

**Configuracion de AskQuestion:**

{
  "title": "🚀 Step 2: Autenticación de Google (clasp login)",
  "questions": [{
    "id": "step_action",
    "prompt": "Que desea hacer con este paso?",
    "options": [
      {"id": "practice", "label": "Continuar"},
      {"id": "review", "label": "Solo ver el ejemplo"},
      {"id": "skip", "label": "Omitir"}
    ]
  }]
}

**Indicaciones tras la seleccion:** Entrada:

Por favor, ejecute npx -y @google/clasp login para iniciar sesión con su cuenta de Google.
Se abrirá un navegador, complete la autenticación.
Después de la autenticación, verifique que se haya creado ~/.clasprc.json.

Nota: La autenticación de Google para gogcli se completó en 4-1,
pero clasp requiere su propia autenticación. Inicie sesión con la misma cuenta de Google.

**Resultado esperado:** Despues de autenticarse en el navegador, se muestra "Authorization successful".

---

🚀 Step 3: Create a GAS Project

Utilice AskQuestion para elegir "Continuar / Solo ver el ejemplo / Omitir".

**Configuracion de AskQuestion:**

{
  "title": "🚀 Step 3: Crear un proyecto GAS",
  "questions": [{
    "id": "step_action",
    "prompt": "Que desea hacer con este paso?",
    "options": [
      {"id": "practice", "label": "Continuar"},
      {"id": "review", "label": "Solo ver el ejemplo"},
      {"id": "skip", "label": "Omitir"}
    ]
  }]
}

**Indicaciones tras la seleccion:** Entrada:

Por favor, cree el siguiente directorio y proyecto GAS:

1. Crear el directorio ~/ai-agent-camp/gas-example
2. Ejecutar npx -y @google/clasp create --type standalone en ese directorio
3. Mostrar el contenido de los archivos .clasp.json y appsscript.json creados

**Resultado esperado:** El ID del script aparece en `.clasp.json` y la configuracion de zona horaria se incluye en `appsscript.json`.

---

🚀 Step 4: Create Hello World Script

Utilice AskQuestion para elegir "Continuar / Solo ver el ejemplo / Omitir".

**Configuracion de AskQuestion:**

{
  "title": "🚀 Step 4: Crear script Hello World",
  "questions": [{
    "id": "step_action",
    "prompt": "Que desea hacer con este paso?",
    "options": [
      {"id": "practice", "labe