iT邦幫忙

2025 iThome 鐵人賽

DAY 10
0
生成式 AI

學都學了:GenAI 從試錯到實用的實驗筆記系列 第 10

Day10 把 GAS 拉回 IDE:快速 clone & push

  • 分享至 

  • xImage
  •  

今日主題

這兩天想實作跟優花的方向都是既有的慣用工具,是否還有流程上可以更優化的地方。

  • 昨天是在n8n流程上,改調用 MCP 來減少從0開始設定 Workflow。
  • 今天目標是則是想用 Clasp 來更新跟下載 GAS code,包括
    • 快速把 GAS clone 至本機
    • 本機操作好處:可慣用喜歡的 IDE / AI Agent
    • 更新後快速 push → GAS
    • 最後 git 版控 / pushgithub

為什麼想做

  • 每次請 A寫 GAS code,要反覆手動複製、貼上,如果只改中間一段,跨視窗比對很脫窗
  • 過往需要手動備份不同GAS版本,很人工然後還找不到

工具選擇

  • 開發環境
    • Node.js 6.0.0 以上版本
    • npm
  • 使用到的工具
    • clasp
    • GAS
    • Cursor

實作流程

官方操作說明:https://codelabs.developers.google.com/codelabs/clasp?hl=zh-tw#1

一、前置

二、npm 下載 clasp

PowerShell
npm install -g @google/clasp

安裝完成後,登入將 CLASP 與 Google 帳號連結
PowerShell
clasp login

執行後 → 自動開啟瀏覽器 → 登入授權 → 授權成功後 → Terminal Login successful.

三、將 GAS 專案下載回本機

  • 為了避免檔案混淆,為每個 Apps Script 專案建立專屬資料夾
  • 建立新資料夾,然後進入該資料夾路徑
PowerShell
mkdir my-apps-script-project
cd my-apps-script-project
  • clone Project
    • 取id
      https://ithelp.ithome.com.tw/upload/images/20250923/201788158o41oNAnsQ.jpg

    • Clone

PowerShell
clasp clone XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

執行後,會顯示已 Clone 檔案訊息,本機資料也會有相關 appsscript.json 和 Code.js 等檔案

四、最小化測試:驗證流程可行性
確認「本機修改 → 推回線上GAS」流程

  • 本機端以 Cursor 修改程式碼
  • 執行 clasp push 指令。
PowerShell
clasp push
  • 最後也可同步做 Git 版本控制:push GitHub

成果校驗

  • GAS 確認:檔案已更新
    https://ithelp.ithome.com.tw/upload/images/20250923/20178815y6u6TpWxN6.jpg

今日總結

  • 我做了什麼
    • 一次性前置
      • 環境需求確認
      • 開啟 Apps Script API
      • 安裝 clasp
    • 流程上
      • 簡單輸入需求做測試
  • AI 幫了我什麼
    • 只需要在本機選擇慣用工具輔助生成 Code,減少跨平台/視窗
  • 遇到的挑戰
    • 一開始確認所有安裝流程時,GPT給了我非常複雜跟冗長解法,但直覺上應該不需要搞到這麼複雜,改到 Gemini 詢問後,步驟就非常清楚跟精簡,大概是自家產品更了解(吧??

上一篇
Day 9 讓 Claude 透過 mcp 直接操作 n8n
下一篇
Day 11 Projects Hub 1.0 & 開始記錄迭代版本
系列文
學都學了:GenAI 從試錯到實用的實驗筆記11
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言