← 返回大綱
第二章 / 3

AI CLI
Claude Code 入門

在終端機裡直接跟 AI 說話,讓它幫你寫程式、查 Bug、解釋程式碼。

概念

什麼是 Claude Code?

Anthropic 開發的 AI 開發助手,直接在你的終端機裡運作。

  • 讀取整個專案的程式碼,理解架構
  • 直接幫你修改、新增、刪除檔案
  • 執行指令、跑測試、幫你 debug
  • 解釋你看不懂的程式碼
  • 記住你的規則,自動遵守(第三章重點)
跟網頁版 Claude 的差別

網頁版不知道你電腦上有什麼檔案。CLI 版本可以直接讀取、操作你的專案,完全整合進開發環境。

安裝

步驟一:安裝 Node.js

Claude Code 需要 Node.js(版本 18 以上)。先確認有沒有安裝:

node --version
# 看到 v22.0.0 這樣的版本號 → 已安裝,可跳過

如果沒有安裝:

# 安裝 Homebrew(如果還沒有)
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

# 安裝 Node.js
brew install node

或是到 nodejs.org 下載 LTS 版本。

nodejs.org 下載 LTS 版本,雙擊 .msi 安裝,一路 Next。

安裝完重新開啟 PowerShell,再輸入 node --version 確認。

安裝

步驟二:安裝 Claude Code

Node.js 裝好後,用 npm 安裝 Claude Code:

npm install -g @anthropic-ai/claude-code

安裝完後確認是否成功:

claude --version

看到版本號就代表安裝成功。

Windows 可能遇到的問題

如果說「無法執行指令碼」,以系統管理員開啟 PowerShell 後執行:

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
設定

步驟三:登入

第一次使用需要登入 Anthropic 帳號:

claude
  1. 直接輸入 claude 按 Enter
  2. 瀏覽器會自動開啟登入頁面
  3. 登入(或建立)你的 Anthropic 帳號
  4. 授權後回到終端機,完成!
帳號說明

需要 Anthropic 帳號(免費建立)。付費方案才能無限使用,免費方案有用量限制。

使用

啟動 Claude Code

在任何專案資料夾裡,輸入 claude

cd my-project
claude

進入後用中文直接溝通:

> 幫我解釋這個資料夾裡有什麼

我看到這個專案包含:
- index.html:主頁面
- style.css:樣式設定
目前是一個靜態網站的起始結構。
快速提問(不進入互動模式)

claude "什麼是 Git?"

範例

實際對話範例

> 幫我在 index.html 加一個藍色標題「Hello World」

好的,我來修改 index.html...
已新增:<h1 style="color:#2563eb">Hello World</h1>

> 字體改大一點,3rem

已更新:<h1 style="color:#2563eb;font-size:3rem">Hello World</h1>

> 幫我看 style.css 第 15 行

第 15 行的 color: #fff 在深色背景上會看不到,
建議改為 color: #1e293b。要我幫你改嗎?
指令

Claude Code 常用指令

指令說明
claude在目前資料夾啟動互動模式
claude "問題"直接問問題,不進入互動模式
/help查看所有可用指令
/clear清除對話紀錄,重新開始
/exit離開 Claude Code
Ctrl + C中斷目前操作
技巧

跟 AI 對話的技巧

越具體越好:

不夠清楚更好的說法
幫我改一下 把 index.html 裡的標題顏色改成藍色 #2563eb
這段有問題 這段程式出現 TypeError,幫我找原因
新增一個功能 在 index.html 加一個按鈕,點擊後用 alert() 顯示 Hello
不確定 AI 要做什麼?

說:「先告訴我你打算怎麼做,等我確認後再執行」

實作練習

動手試試看

  1. 進入 my-projectcd my-project
  2. 啟動 Claude Code:claude
  3. 輸入:「幫我在 index.html 建立一個網頁,包含標題、介紹文字和一個按鈕」
  4. Claude 修改完後,用瀏覽器開啟 index.html 確認結果
  5. 再輸入:「幫我把背景顏色改成淡藍色」
  6. 再次查看效果

第二章完成!

你已經學會用 AI 幫你寫程式。
接下來,讓 AI 記住你的規則、自動化工作流程。