如何用 AI 寫程式?新手完整入門教學【2025】|VibeFix

如何用 AI 寫程式?新手完整入門教學

引言:AI 寫程式沒有想像中難

「AI 寫程式?聽起來很厲害,但我完全不會程式...」

別擔心。用 AI 寫程式比你想像的簡單很多。只要會打字、會描述你要什麼,就能開始。

這篇文章從零開始,一步一步帶你完成第一次用 AI 寫程式的體驗。跟著做,10 分鐘後你就會寫出第一個程式。

ai-coding-beginner-workflow-steps

一、用 AI 寫程式前的準備工作

1.1 你需要準備什麼?

硬體:
- 電腦(Windows / Mac 都可以)
- 網路連線

軟體:
- 瀏覽器(Chrome、Edge、Safari 等)
- AI 工具帳號(待會教你註冊)

心態準備:
- 不怕犯錯,多試幾次
- 準備好你想做什麼

1.2 不需要會程式也能開始

這是很多人的誤解:

「要先學程式才能用 AI 寫程式吧?」

錯!

AI 寫程式的好處就是:你用自然語言描述需求,AI 幫你轉換成程式碼。

當然,有程式基礎會更容易理解和修改。但「完全零基礎」也能用 AI 完成簡單的程式任務。

想了解更多零基礎使用技巧,請參考 不會寫程式也能用 AI?零基礎實戰指南


二、選擇你的第一款 AI 寫程式工具

2.1 新手推薦工具

新手建議從這兩款開始:

工具 推薦理由
ChatGPT 最多人用、教學資源多、介面簡單
Claude 解釋詳細、對新手友善

兩款都是免費的,可以兩個都試試。

2.2 ChatGPT 快速註冊

步驟:
1. 前往 chat.openai.com
2. 點擊「Sign Up」
3. 用 Google 帳號或 Email 註冊
4. 完成驗證後就能開始用

2.3 Claude 快速註冊

步驟:
1. 前往 claude.ai
2. 點擊「Start for free」
3. 用 Google 帳號或 Email 註冊
4. 完成驗證後就能開始用

想看完整的免費工具清單,請參考 AI 寫程式免費工具大全


三、Prompt 技巧:如何跟 AI 有效溝通

3.1 什麼是 Prompt?

Prompt = 你給 AI 的指令或問題。

Prompt 寫得好,AI 的回答就準確;Prompt 寫得差,AI 可能給你一堆沒用的東西。

3.2 好 Prompt 的基本結構

一個好的 Prompt 包含:

  1. 你要做什麼(目標)
  2. 用什麼語言/技術(工具)
  3. 有什麼特殊要求(細節)

3.3 範例對比

❌ 差的 Prompt:

寫一個程式

(太模糊,AI 不知道你要什麼)

✅ 好的 Prompt:

用 Python 寫一個函式,輸入兩個數字,回傳它們相加的結果

(清楚說明語言、功能、輸入輸出)

3.4 Prompt 進階技巧

技巧 範例
指定程式語言 「用 JavaScript 寫...」
說明用途 「這是給網頁用的...」
要求加註解 「請在程式碼中加上註解說明」
指定風格 「用簡單易懂的方式寫」
要求解釋 「寫完後解釋每一行的作用」
good-vs-bad-prompt-comparison

四、練習一:用 AI 寫一個計算函式

4.1 練習目標

做一個可以計算「三角形面積」的程式。

公式:面積 = 底 × 高 ÷ 2

4.2 步驟教學

Step 1:打開 ChatGPT 或 Claude

Step 2:輸入 Prompt

用 Python 寫一個函式,計算三角形的面積。
輸入:底(base)和高(height)
輸出:面積
請加上註解說明。

Step 3:按送出,等 AI 回應

Step 4:你會得到類似這樣的程式碼

def calculate_triangle_area(base, height):
    """
    計算三角形面積
    參數:
        base: 底邊長度
        height: 高度
    回傳:
        三角形面積
    """
    area = base * height / 2
    return area

# 測試
result = calculate_triangle_area(10, 5)
print(f"三角形面積是:{result}")

4.3 測試程式碼

如果你想實際執行這段程式碼:

  1. 前往 replit.com(線上程式執行環境)
  2. 建立新的 Python 專案
  3. 貼上程式碼
  4. 按執行

你會看到輸出:三角形面積是:25.0

恭喜!你完成了第一個 AI 寫的程式。


五、練習二:用 AI 生成一個 HTML 網頁

5.1 練習目標

做一個簡單的「自我介紹」網頁。

5.2 步驟教學

Step 1:輸入 Prompt

幫我用 HTML 和 CSS 寫一個簡單的自我介紹網頁。
內容包含:
- 我的名字(小明)
- 一句自我介紹
- 我的興趣(3 個)
- 一張簡單的頭像區塊(用灰色方塊代替)

設計要求:
- 置中顯示
- 有簡單的顏色配置

Step 2:AI 會給你完整的 HTML 程式碼

Step 3:測試網頁

  1. 在電腦新增一個檔案,命名為 index.html
  2. 用記事本打開,貼上 AI 給的程式碼
  3. 儲存後,用瀏覽器打開這個檔案

你會看到一個有模有樣的網頁!

5.3 進階修改

如果想改內容,繼續跟 AI 說:

「把名字改成小華,興趣改成『打籃球、看電影、玩遊戲』」

AI 會給你修改後的版本。


六、練習三:用 AI 幫你 Debug

6.1 什麼是 Debug?

Debug = 找出程式碼的錯誤並修正。

這是程式開發最常做的事。AI 超級擅長這個。

6.2 練習目標

故意給 AI 一段有 Bug 的程式碼,讓它幫你修好。

6.3 步驟教學

Step 1:複製這段有問題的程式碼

def say_hello(name)
    print("Hello, " + name)

say_hello("小明")

(這段程式碼少了冒號)

Step 2:輸入 Prompt

這段 Python 程式碼執行時出錯,請幫我找出問題並修正:

def say_hello(name)
    print("Hello, " + name)

say_hello("小明")

Step 3:AI 會告訴你

  • 問題:函式定義後面少了冒號 :
  • 修正後的程式碼:
def say_hello(name):
    print("Hello, " + name)

say_hello("小明")

6.4 Debug 的 Prompt 技巧

情況 Prompt 寫法
程式跑不起來 「這段程式執行時出錯:[貼程式碼],錯誤訊息是:[貼錯誤]」
結果不對 「這段程式執行後,我預期得到 X,但實際得到 Y」
不知道哪裡錯 「請檢查這段程式碼有沒有問題」

如果 AI 生成的程式碼有問題,可以聯繫我們讓工程師直接幫你處理。


七、常見新手問題 Q&A

Q1:AI 寫的程式碼可以直接用嗎?

A:大部分情況可以,但建議:

  1. 先測試看看能不能跑
  2. 簡單看一下邏輯對不對
  3. 複雜的專案要更仔細檢查

Q2:AI 寫的程式碼會有 Bug 嗎?

A:會。AI 不是 100% 正確。

常見問題:
- 邏輯錯誤
- 用了不存在的函式
- 版本不對(用了舊的寫法)

所以「測試」很重要。

Q3:我完全看不懂程式碼怎麼辦?

A:請 AI 解釋給你聽。

Prompt:「請用簡單的方式解釋這段程式碼的每一行在做什麼」

AI 會用白話文跟你說明。

Q4:程式跑不起來怎麼辦?

A:把錯誤訊息給 AI 看。

Prompt:「我執行這段程式碼,出現這個錯誤:[貼錯誤訊息],請幫我解決」

Q5:哪種程式語言最適合新手?

A:Python。

原因:
- 語法簡單,接近英文
- 網路教學資源最多
- AI 處理 Python 的能力很強

如果 AI 生成的程式碼有問題,可以聯繫我們讓工程師直接幫你處理。


八、下一步:進階學習資源

8.1 繼續練習

練習建議:

  1. 每天用 AI 做一個小程式
  2. 從簡單的開始:計算器、待辦清單、簡單遊戲
  3. 遇到問題就問 AI

8.2 推薦學習順序

階段 學什麼
第一週 熟悉 Prompt 技巧、做簡單練習
第二週 學一點 Python 基礎(變數、函式)
第三週 嘗試做完整的小專案
第四週 學習如何 Debug、優化程式碼

8.3 推薦閱讀

想學更多?看這些文章:

ai-coding-learning-roadmap-beginner

結論:動手做是最好的學習

今天你學到了:

  1. 如何選擇 AI 寫程式工具
  2. 如何寫出好的 Prompt
  3. 三個實戰練習:函式、網頁、Debug

最重要的是:

不要只看不做。現在就打開 ChatGPT 或 Claude,試著做一個你想做的東西。

做錯沒關係,多試幾次就會了。


AI 寫的程式跑不起來?

我們專門解決 AI 生成代碼的 Bug,讓你的專案順利上線。

幫我 Debug


延伸閱讀


參考資料

  1. OpenAI,「ChatGPT」,OpenAI(2024)
  2. Anthropic,「Claude」,Anthropic(2024)
  3. Replit,「Online IDE」,Replit(2024)
  4. Python 官方文件,「Python Tutorial」,Python.org(2024)
分享文章:
V

VibeFix

專門解決 AI Vibe Coding 後的疑難雜症,讓你的專案順利上線。

這篇文章有幫到你嗎?

如果還有問題,讓我們直接幫你解決!

聯繫我們