跳至主要内容

Claude Code是什麼

Claude Code是Anthropic的AI程式設計工具。你描述要完成的任務,它可以讀取專案檔案、修改程式碼、執行命令,再根據結果繼續調整。除了終端,它也提供編輯器擴充套件、桌面和網頁入口;這篇從終端開始,帶你做出第一個小頁面。官方產品介紹

先準備什麼​

準備一個單獨的練習資料夾,以及能使用Claude Code的賬號。已有Claude Pro或Max訂閱,可以按提示使用Claude賬號登入;Claude Console是另一條API使用路徑。先確定自己用哪種方式,不要把訂閱額度和API賬單混在一起。賬號與登入方式

系統相容性以官方安裝要求為準。以下是官方推薦的原生安裝方式;只有選擇npm安裝時才需要額外準備Node.js。

安裝並啟動​

macOS、Linux或WSL,在終端執行:

curl -fsSL https://claude.ai/install.sh | bash

Windows PowerShell執行:

irm https://claude.ai/install.ps1 | iex

這兩條命令會下載並執行官方安裝指令碼。安裝完成後,新開一個終端,檢查版本:

claude --version

然後建立一個空的練習目錄,在裡面啟動:

mkdir claude-first-page
cd claude-first-page
claude

按終端提示完成登入。如果出現找不到claude的提示,先檢查安裝路徑與常見問題,不要反覆安裝不同版本。安裝命令與流程來自官方快速入門。

第一個任務:做一張能開啟的個人介紹頁​

下面是一段練習提示詞,你可以把其中的內容換成自己的:

请在当前文件夹创建一个index.html个人介绍页。
只用HTML和CSS,不安装依赖,不调用外部服务。
内容先写「我的第一个AI作品」,放一句自我介绍和三个待填写的作品名称。
手机上也要能阅读。
开始前告诉我你准备创建哪些文件;完成后说明如何在浏览器打开,以及你检查了什么。

先看它準備做什麼,再確認檔案修改或命令執行。做完後,自己在瀏覽器開啟index.html:檢查標題是否正確、縮窄視窗後文字有沒有擠出螢幕。不能只看它說「完成了」。

如果頁面不合適,繼續給一個具體修改,例如:

把标题改成「花叔的作品角」,自我介绍改成「不会写代码,也想把想法做出来」。
只改文字,保留其他布局。改完列出修改位置。

這是供你嘗試的練習,不是效果保證。遇到錯誤,把實際報錯交給它,要求解釋原因後再修。想了解更多互動方式,可以在會話裡輸入/help,或看官方常用工作流程。

費用怎麼看​

訂閱與API的計費方式不同,任務大小、模型選擇和上下文也會影響用量。這裡不再給「每次幾分錢」或「一定比另一款工具便宜」的結論。具體套餐看官方價格頁,用量解釋看官方成本文件。

接下來看什麼​

本頁安裝與賬號說明於2026年10月22日對照上述官方文件核對;未把文件核驗寫成各系統從零安裝實測。其他章節仍有歷史內容,涉及模型、命令和費用時請同時核對官方文件。

關注花叔:公眾號、B站和小紅書