給完全零基礎的新手

偷懶,就是 AI
時代的超能力。

把無聊重複的工,丟給 AI。你不用變工程師,只要會「勇敢許願」——說出你想要的,它幫你做完,把時間還給你。

從第一步開始 先看看怎麼學

用 Claude Code 帶你走一遍 · 這套白話心法換任何 AI 都通

整頁骨架

三塊,走到「成果上線」

七段收成三塊;每一塊內部也分三點,好記、好讀、好做。

1

概念

先安心,再上手

  • 勇敢許願(核心心法)
  • 三個角色:魔法師/後悔藥/雲端
  • 架構心智圖:你的東西放在哪
2

環境設定

裝好你的工作桌

  • 裝 VS Code
  • 裝 AI(Claude Code)
  • 開資料夾、說第一句話
3

動手做

開始許願、做出成果

  • 關鍵字對照表:你只要會說白話
  • AI 三魔法
  • 成長地圖 + 收尾
第 1 塊
概念

先安心,再上手

這塊不教操作,先給三個讓人「敢開始」的觀念。

核心心法 · 1 之 3

不要「教」AI,要「許願」

你不是工程師,你是「許願的人」。

最懶、最美好的那個狀態,就是你要描述的目標。你越敢許願,AI 越能發揮。

不用這樣
不用學指令、不用懂術語、不用一步步教它「怎麼做」。
直接這樣
說出你想要的結果:「我想要一頁可以讓人報名的網頁」。
卡住了
再許一次願就好:「這裡不太對,我其實想要的是⋯」。
概念 · 2 之 3

三個角色,一聽就懂

AI = CLAUDE

🪄 你的魔法師

你許願,它實現。用白話說「我想要⋯」,它就動手,而且是安全地幫你寫——重要的事會先問過你才做。

你負責動嘴、做決定;它負責動手。
GIT = 版本控管

⏪ 你的後悔藥

每做一段就「存檔」一次。做錯不用怕——隨時回到上一步,東西不會不見。

main=正式主線;分支=另開一條安全實驗線,玩壞了不影響正式版。
CLOUDFLARE

☁️ 雲端架站

把做好的東西搬上雲,變成一個真的網址,全世界都能打開;要存資料時,也能放一個雲端資料庫。

做完 → 上線 → 把連結傳給任何人看。
概念 · 3 之 3

你的東西放在哪?(架構心智圖)

📁 專案資料夾
你做的東西都裝在裡面
🖥️ VS Code
打開資料夾的窗,你和 AI 看同一桌
⏪ Git+GitHub
存檔拍快照,同步備份到雲端
🌐 Cloudflare
變成真網址+放資料庫
把 git 講白:「commit(存檔)」就是拍一張當下的照片,隨時翻得回去,再一鍵同步到 GitHub 雲端備份、換電腦也接得上;main 是正式版主線,分支 是另開一條安全的實驗線——在分支上怎麼玩都不會弄壞正式版,滿意了再合併回去。所以「不用怕做錯」。
展開:GitHub 長什麼樣?我最常用的兩個地方

先把兩個常聽到的詞講白:

  • repo(倉庫)=你一個專案在 GitHub 上的「家」,裝著所有檔案+每一次存檔的紀錄。
  • 推上 git(push)=把你電腦裡的存檔「上傳」到 GitHub 這個雲端倉庫備份。你只要跟 AI 說「幫我 push 到 GitHub」就好。

進到 GitHub 後,我最常去這兩個地方:

1

看版本描述(這次改了什麼)

打開 repo 首頁,點檔案列上方的 commits(時鐘圖示),就能看到每一次存檔的說明、時間、改了哪些。想知道「上次到底動了什麼」來這找。

2

找公開網址

點 repo 上方的 Settings → 左側 Pages,這頁會顯示你網站的公開網址(GitHub 免費幫你架站的 GitHub Pages)。想把連結傳給別人就來這拿。

第 2 塊
環境設定

準備好工具與帳號(三件)

先把這三樣準備好,後面才能順順地許願、存檔、上線。每個都附官方連結+幾句小教學。

工具 ① · 必裝

🖥️ VS Code

你和 AI 一起工作的桌子(免費)。

  • 點下方連結,按大大的下載鈕
  • 下載完打開安裝(Mac 拖進「應用程式」即可)
  • 打開它,看到歡迎畫面就成功了
前往 VS Code 官網 ↗
工具 ② · 必裝

🪄 Claude Code

你的魔法師本人,裝進 VS Code 裡。

  • 到官方安裝頁,照它的指示安裝
  • 第一次使用會請你登入(流程在第 3 塊細講)
  • 登入完,它就坐在你旁邊待命
Claude Code 官方說明 ↗
帳號 ③ · 之後會用到

☁️ 兩個帳號

存檔備份用 GitHub、上線用 Cloudflare。先辦起來放著。

  • GitHub:放程式碼、雲端備份
  • Cloudflare:把成果變網址+放資料庫
  • 兩個都用 Email 免費註冊即可
註冊 GitHub ↗ 註冊 Cloudflare ↗

*以上連結是現在的官方網址;做成正式教學頁時我會再核對一次最新位置與畫面截圖。

第 3 塊
動手做

開始許願,做出成果(三件事)

先在 VS Code 裡把魔法師叫醒、再學會說白話、最後懂它的三個魔法——你就上路了。

動手做 · 1 之 3

在 VS Code 裡跑起來

這段是麻瓜最常卡的地方,所以講細一點。別怕——你真正要顧的只有「對話框」。

先認識畫面(知道這三個地方就夠)

> Terminal: Create New Terminal | 在這裡叫出終端機
📂
🔍
🔀
⚙️
你:幫我做一頁自我介紹的網頁
Claude:好的,我來建立 index.html …
Claude:完成!要我開預覽給你看嗎?
在這一行輸入你的願望,按 Enter…
右側面板
(可收起,
很少用)
① 最上方輸入框
> 叫出「終端機」——叫出終端機,才能操控電腦、把 Claude 叫起來。
② 中間:主要對話區
你跟 Claude 的對話都在這。最下面那一行藍框就是你打字許願的地方。
③ 右側面板
可以直接收起來,新手幾乎用不到,畫面更乾淨。
過來人經驗:熟了之後畫面最常只留中間的對話區。看成果不用自己找,直接叫 AI 「起一個本機預覽給我看」,它會生一個網址讓你點開。
*上圖為 VS Code 介面示意。

想看做出來長怎樣?兩招預覽

招式一 · 最懶(推薦)

直接叫 AI 開預覽

跟它說「起一個本機預覽給我看」,它把網站跑起來、給你一個網址,點開就看到,改完自動更新。

招式二 · 內建窗

裝「Live Preview」擴充

在 VS Code 裝微軟出的 Live Preview,就能在編輯器裡開一個會即時更新的預覽窗,不用切來切去。

🎓 卡住怎麼辦?找個「助教」。剛開始可以同時開著另一個 AI(例如 Gemini)當助教——畫面卡住、看不懂訊息,直接截圖貼給它問「這是什麼意思、我下一步要做什麼」,馬上有人解圍,不用一個人乾瞪眼。
動手做 · 2 之 3 · 重點

Claude 常用懶人包

把魔法師叫起來、設好「問你的程度」、不小心關掉怎麼救——這三張小抄,貼著做就會。

🟢 開機五步:把 Claude 叫起來

1

開你的專案資料夾

起始畫面選「開啟資料夾」告訴 VS Code 今天要動哪個專案;或選「Clone from Git」從 GitHub 把專案抓下來。

2

叫出終端機

最上方輸入框打 >Terminal: Create New Terminal,下方就跳出可打字的框。叫出終端機才能操控電腦。

3

啟動 Claude

在終端機直接打 claude 按 Enter,把魔法師叫醒。

4

登入

/login 按 Enter,跳出 Chrome 點「授權」,回來看到「登入成功」即可開始對話。

5

許下第一個願望

在對話那一行用白話說出你想要的,例如「幫我做一頁自我介紹的網頁」。

🟡 不想一直被問?shift+tab 切「模式」

模式它會怎麼做
⏸ plan mode(只計畫)只給你計畫、完全不動手,你同意才做。最謹慎。
一般模式該問才問:讀檔、改檔自己做;危險動作(刪、推、部署)才停下來問你。
⏵ accept edits(改檔不問) ← 建議改你本機檔案不問你,但上線/部署/刪除仍會先問。順又安全。
⏵⏵ auto mode(全自動) ← 避開幾乎都自己來、問最少,最容易失控。新手別用。

🔵 不小心關掉了,把對話叫回來

A

接回最近這一段(最省事,推薦)

在終端機打 claude --continue(簡寫 claude -c),直接接回剛剛那段。

B

挑一段特定的接回

claude --resume,跳出清單讓你挑要接哪一段(開過好幾段才用)。

展開讀更多:你只要會「說白話」對照表

不用記指令。想做什麼,照右邊這樣許願即可。

你想做什麼你只要跟 AI 說
把現在的成果存檔幫我存檔,commit 註解寫清楚
備份到雲端幫我 push 到 GitHub
開一條安全的實驗線開一個新分支來試
在自己電腦先看看起一個本機預覽給我看
把成果變成網址幫我部署上線
怕做錯先幫我檢查一遍再做
想讓它記住你的習慣以後都照這個做,記起來
動手做 · 3 之 3

AI 的三個魔法

魔法一

自動記住你的喜好

你說過一次「我看不懂英文、請用白話」,它就寫進記憶,之後每次自動照做,不用一直重講。

魔法二

幫你寫 git 版控註解

你不用懂 git 黑話。它自動把「這次改了什麼」寫成清楚的存檔說明,以後回頭找得到。

魔法三

幫你做 QA/code review

上線前先幫你抓錯、挑出可以更好的地方——像有個資深工程師幫你複查,出包機率大降。

收尾 · 換你偷懶

別人已經做好了,你直接拿來用

這三個放在 GitHub 上的開源工具,使用率超高、專治「重複行政」。現在用 VS Code,你可以直接叫 AI:「幫我把它裝起來、教我開始用」,馬上上手。

自動化流程

🔁 n8n

開源版的「自動化機器人」。把每天「從 A 系統複製到 B、寄通知、整理表單回覆」串成自動跑。

  • 省下:每週手動搬資料的好幾小時
  • 跟 AI 說:「幫我裝 n8n 並教我做第一個自動化」
文件處理

📄 Stirling-PDF

一站式 PDF 工具:合併、拆分、轉檔、壓縮、OCR 辨識。行政天天都在弄 PDF。

  • 省下:每份文件從幾分鐘變幾秒
  • 跟 AI 說:「幫我把 Stirling-PDF 架起來」
資料管理

🗂️ NocoDB

把 Excel 變成多人能一起用的線上資料庫/後台(開源版 Airtable)。管報名、客戶、進度。

  • 省下:不用再來回傳 Excel、手動彙整
  • 跟 AI 說:「幫我用 NocoDB 做一個報名管理表」
現在換你

你工作上最想偷懶的,是哪三件事?

每週重複、煩、又花時間的事——寫下三件。

把它們丟給 AI 說「我想把這件事自動化/做成一個小工具」。你的第一個網頁,現在就能開始。工具會變,但「勇敢許願」的能力不會變——換成 Copilot、Gemini、Cursor 都一樣通。

回到第一步,開始動手