AI 幫我寫程式,開發神器:Zed 編輯器,免費使用最新 Claude Sonnet 4!

Rin 梨子-avatar-img
發佈於數位百寶袋 個房間
更新於 發佈於 閱讀時間約 10 分鐘

如果你是一位程式開發者,正在尋找一款 速度快、支援多人協作、還內建 AI 助手 的新世代編輯器,那你一定不能錯過 Zed

Zed 是由 Atom 編輯器與 Tree-sitter 團隊成員共同開發的新一代程式碼編輯器。它不只強調極速與極簡的使用體驗,更重要的是:現在每月還有免費次數可以使用最新 Claude Sonnet 4 模型幫你寫程式!

本資訊整理於 2025 年 6 月,內容可能會隨時間有所變動。

🚀 為什麼選擇 Zed?

  • 超級快:Zed 使用 Rust 開發,主打低延遲、即時回饋,操作上幾乎沒有延遲感。
  • 現代 UI:乾淨、極簡的介面設計,沒有多餘干擾,能完全專注在寫程式。
  • 內建 AI 助手:最厲害的是,編輯器內就能直接開啟與 Claude Sonnet 4 的對話視窗,協助你重構、解釋、補全程式碼,不需切換畫面!
  • 免費使用 Claude Sonnet 4:是的,你沒看錯。Zed 免費提供 Claude Sonnet 4 使用(每月有額度,無需 API 設定),而這可是在其他平台需要付費才能使用的等級。
  • 多人即時協作:Zed 內建支援多人即時協作寫程式!

🤖 Zed 編輯器如何幫助你?

Zed 的 AI 助手可以做到以下幾件事:

  • ✨ 解釋選中的程式碼內容與預測修正
  • 🔧 新增或修改程式碼
  • 🤗 自動更新多個程式碼檔案
  • 💬 自動產生 Git commit 訊息
  • 📝 會參照專案架構進行撰寫

以上 AI 功能全都內建在 Zed 中,無需跳轉頁面。


👩‍💻安裝與啟用 Zed + Claude Sonnet 4

以下是梨編在 Mac 上安裝與使用 Zed 編輯器的實際介面,僅僅使用免費版功能,帶你看看在 Zed 中 與 AI Agent 一起寫程式的流程!

1️⃣ 下載 Zed 編輯器

前往 https://zed.dev/ 官方網站下載最新版(支援 macOS & Windows)

 zed.dev 官方網站下載

zed.dev 官方網站下載

2️⃣ 安裝 Zed 編輯器

將下載安裝檔案打開,然後按下同意條款。

📝 AI 摘要
這份文件說明「Zed Editor」和「Zed Service」使用條款授予用戶內部使用 IDE 的有限許可,禁止複製、修改或轉讓軟體。Zed 可收集使用數據與崩潰報告(可禁用),AI 輸出需自行驗證。用戶需保護數據、遵守法律,費用不退,服務可能隨時終止。詳情見 https://zed.dev/terms-of-service
Zed 安裝使用條款

Zed 安裝使用條款

在 Mac 上,將 Zed.app 拖曳到『應用程式』資料夾,即可完成安裝。

(Mac) Zed 安裝

(Mac) Zed 安裝


打開 Zed.app,會看到這樣的畫面 👇

raw-image

這就是 Zed 的介面,簡潔清爽,下方排列著多個實用按鈕。

🟪 左下角 Panel(由左到右)

  • Project Panel:瀏覽並管理專案資料夾與檔案。
  • Git Panel:查看 Git 狀態、提交與分支。
  • Outline Panel:顯示檔案結構大綱。
  • Collab Panel:內建即時聊天頻道。
  • Search:快速搜尋專案內文字或檔案。
  • Project Diagnostics:顯示專案錯誤與警告。


🟨 右下角 Panel(由左到右)

  • Edit Prediction:程式碼編輯預測功能。
  • Termini Panel:終端機面板,執行指令。
  • Debug Panel:除錯工具面板。
  • Agent Panel:AI 助手對話視窗。
  • Notification:系統通知與提醒。

3️⃣ 登入後啟用模型

打開 Agent Panel,右下角選擇模型後,點擊 Configure,找到 Zep 並進行登入(sign in)。

Agent Panel 設定

Agent Panel 設定

點擊後,瀏覽器會自動跳轉至 GitHub 授權頁面(需先登入 GitHub 帳號),授權完成後,Zed 編輯器會自動完成連結。

Zed 與 GitHub 授權頁面

Zed 與 GitHub 授權頁面


設定完成後,重新啟動編輯器,就能看到可用的 Claude Sonnet 4 模型了。

Zed 使用 Claude 模型列表

Zed 使用 Claude 模型列表

頁面會顯示 14 天免費試用的 Zed Pro,你可以自行決定是否啟用。

接著就跟 Zed 開始聊天吧!🥳💬

👩‍💻 實測功能

接著你可以在 Project Panel 開啟一個新專案或現有專案,開始進行功能需求的撰寫與新功能的開發。

提示詞通常我會一次寫一個完整功能說明,來節省次數,例如說:「幫我寫一個 API 找出某 DB 中的資料表,然後根據這 API 產生對應介面。」

✍️ 修改程式碼標示

Agent Panel 的對話中你也可以新增要修改的程式碼檔案,輸入提示詞,例如:拉入某個 index.vue 檔案後填寫「幫我修改標籤篩選功能」,Agent 就會幫你改程式,類似會如下圖回覆。

Agent Panel 修改程式碼

Agent Panel 修改程式碼

從畫面中你可以清楚看到程式碼中以紅色或綠色底色標示的程式碼新增與刪除區域,下方則會說明這次更新的細節。

👌 超實用的語法錯誤檢查

同時,AI Agent 會自動檢查語法錯誤;之前使用外部的聊天機器人去修改程式碼時,其實我常常遇到 TypeScript 錯誤,雖然程式碼看似可用,但改過去後還是會遇到型別錯誤而導致頁面炸出錯誤一連串問題,而對話中你可以看到 AI Agent 幫你新增完功能後,還會繼續修正語法錯誤。如果你修改了 API,還幫你自動測試 API(可能使用 curl 指令觸發,請記得在畫面中按下允許讓它執行測試)。

由於有這一連串的檢查步驟,程式碼功能的開發準確率很高喔!🤩

raw-image

🧚 Edit Prediction(編輯預測)

回到檔案上面,當你輸入程式碼時,會實時預測用戶可能想要輸入的程式碼或修改內容。只需按下 Tab 鍵 即可接受預測,顯著減少鍵盤輸入,提升編碼速度。

Edit Prediction 介面控制:顯示使用次數額度或控制哪些檔案要出現預測。
顯示模式可以切換:
- Eager Mode(預設):直接內嵌顯示,當不與自動補全衝突時自動出現。
- Subtle Mode:預測預設隱藏,需按住修飾鍵(例如 Alt)顯示。

💬 自動產生 Git commit 訊息

接下來還有一個實用的功能視窗,如果你有使用 Git,只要打開左下角的 Git Panel,就能查看所有變更紀錄。

點擊左下角的編輯按鈕,甚至可請它協助撰寫 commit message,完成後再按下 Commit 與 Push,就能將變更同步到 Git 倉庫。

Git Panel 功能 commit

Git Panel 功能 commit

⚠️ 過程中遇到連續工具呼叫限制

某次我發現對話中跳出“consecutive tool use limit reached”,根據詢問 AI 的解釋是連續工具使用指的是在普通模式(非 Burn Mode)下,語言模型(LLM)在處理單個提時,連續呼叫外部工具(如程式碼分析、搜尋、生成等)的次數限制(最多 25 次)。當任務超過此限制時,切換到 Burn Mode 可解除限制,但會增加計費成本。

raw-image
⚠️ Burn Mode 是什麼?
Burn Mode(燃燒模式)是一種進階的 AI 功能模式,用於增強語言模型(LLM)的處理能力,提供更強大的編碼輔助體驗。
根據這篇 GitHub 的討論:
GitHub Issue - Often limited by "consecutive tool usage" #32058
有提到切到 Burn Mode 會使計費次數很快就用完了!

所以當遇到這個訊息時,其實我是先按下「繼續」,而不是「Burn Mode」,請各位夥伴們注意一下,請斟酌是否要切換。

另外還要注意每輪對話會有長度限制,以免 context window tokens 達到限制(右上角可見限制120K/200K)。

🌠 查看個人使用次數

在帳號 Icon中可以前往 https://zed.dev/account 查看自己的帳號使用次數。

實際測試發現每送出一個問題不管做多少處理只會消耗一次點數,不過產生 Git 更變描述目前看來不會扣點。

由於 Claude Sonnet 4 模型本身就很強大,實際使用下來發現它能輕鬆處理兩三個檔案的修改沒問題。建議每次提問以「一個功能」為單位,而不是一個檔案的小修正,讓它一次修改多個檔案,這樣更省點數、效率也更高。
zed 帳號使用次數

zed 帳號使用次數


💰 關於費用

根據 Zed 官方定價頁面,目前個人版永久免費,每月包含 50 次提示詞請求2000 次編輯預測。如果覺得不夠用,可以升級到 Pro 版,每月 $20 美元。

raw-image


👩‍💻 使用心得

梨編個人使用下來其實還蠻滿意的,一次就可以完成多個檔案的修正處理,省時又省力,最主要是有最新的 Claude 模型,修改功能的正確率很高,不過目前介面很簡單,跟 VS Code 比起來,像是插件擴充、NPM 啟動視窗這些進階工具就比較少,初始使用可能還是會覺得有點不方便。但如果你暫時不太需要那些擴充功能,只想要一個速度快、乾淨又有 AI 幫忙的編輯器,那 Zed 真的很值得一試


📖 參考文章

🔎 本文內容以撰寫當下的工具與版本為主,未來若有更新,功能可能略有不同。
如有錯誤或補充,歡迎留言協助修正,我會持續更新!
留言
avatar-img
留言分享你的想法!
avatar-img
AppLab 數位研究社
19會員
27內容數
I'm Rin 梨子,喜好研究各種數位科技,同時又愛好看劇、偶爾看看書,這裡會不定期分享實用的數位工具與資訊、溫暖且動人的作品與各種生活新知。
AppLab 數位研究社的其他內容
2025/06/19
不會畫畫也沒關係,Piclumen 就像「有介面的影像生成助理」,只要簡單輸入提示詞,就能快速生圖,還能上傳圖片,幫你的角色換上各種風格造型——從日系清新、復古像素,到未來科技感通通沒問題!如果你喜歡玩圖、又懶得研究複雜參數,這個工具保證讓你愛不釋手。
Thumbnail
2025/06/19
不會畫畫也沒關係,Piclumen 就像「有介面的影像生成助理」,只要簡單輸入提示詞,就能快速生圖,還能上傳圖片,幫你的角色換上各種風格造型——從日系清新、復古像素,到未來科技感通通沒問題!如果你喜歡玩圖、又懶得研究複雜參數,這個工具保證讓你愛不釋手。
Thumbnail
2025/06/08
你是不是常常想做設計、做簡報、或是創個品牌 Logo,卻不知道怎麼開始?Lovart 就是為了這種時候誕生的!它是一款 AI 設計工具,主打「你只要用說的,設計交給它」。 🛠️怎麼用 Lovart? 你只要輸入文字描述或是上傳參考圖片,Lovart 就會自動幫你生出一整套設計,從圖像、影片到
Thumbnail
2025/06/08
你是不是常常想做設計、做簡報、或是創個品牌 Logo,卻不知道怎麼開始?Lovart 就是為了這種時候誕生的!它是一款 AI 設計工具,主打「你只要用說的,設計交給它」。 🛠️怎麼用 Lovart? 你只要輸入文字描述或是上傳參考圖片,Lovart 就會自動幫你生出一整套設計,從圖像、影片到
Thumbnail
2025/06/04
🎉 手機就能玩!免費 AI 影片神器來了 ✨Bing Video Creator,讓你一鍵做出超有感短影片! 這款影片產生器由微軟推出,整合了 Sora 技術(也就是 ChatGPT 付費用戶才能用的影片功能),但現在在 Microsoft Bing 中就能免費體驗,真的超佛! 🔹 使
Thumbnail
2025/06/04
🎉 手機就能玩!免費 AI 影片神器來了 ✨Bing Video Creator,讓你一鍵做出超有感短影片! 這款影片產生器由微軟推出,整合了 Sora 技術(也就是 ChatGPT 付費用戶才能用的影片功能),但現在在 Microsoft Bing 中就能免費體驗,真的超佛! 🔹 使
Thumbnail
看更多
你可能也想看
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
程式設計與技術能力 在現代社會中的重要性越來越明顯,尤其是在人工智能(AI)和自動化技術迅速發展的背景下。理解編程語言,如Python、R等,以及熟悉相關技術架構和工具,能夠幫助個人在這樣的環境中更好地工作。這種能力不僅對技術專業人士至關重要,也對非技術領域的人士日益重要,因為基礎的程式設計知識已
Thumbnail
程式設計與技術能力 在現代社會中的重要性越來越明顯,尤其是在人工智能(AI)和自動化技術迅速發展的背景下。理解編程語言,如Python、R等,以及熟悉相關技術架構和工具,能夠幫助個人在這樣的環境中更好地工作。這種能力不僅對技術專業人士至關重要,也對非技術領域的人士日益重要,因為基礎的程式設計知識已
Thumbnail
要做會議記錄或課程筆記,想做逐字稿卻苦於打字速度不夠快嗎?錄音再慢慢回放浪費時間又容易恍神?這篇文章包你滿意,不用再浪費時間爬文了,你需要的逐字稿神器在這裡,保母級教學!
Thumbnail
要做會議記錄或課程筆記,想做逐字稿卻苦於打字速度不夠快嗎?錄音再慢慢回放浪費時間又容易恍神?這篇文章包你滿意,不用再浪費時間爬文了,你需要的逐字稿神器在這裡,保母級教學!
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
這篇文章分享了許多好用的設計工具,包括Adobe、Canva和Mirosoft Designer,提供了它們的特色和適用對象。文章還附上了可以直接使用這些工具的連結。
Thumbnail
這篇文章分享了許多好用的設計工具,包括Adobe、Canva和Mirosoft Designer,提供了它們的特色和適用對象。文章還附上了可以直接使用這些工具的連結。
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
在數位辦公環境中,PDF文件是日常工作不可或缺的一部分。pdftopdf.ai是一款強大的PDF編輯工具,可以壓縮文件,讓PDF文件更易編輯和管理。本文將探討PDF編輯工具的功能、優勢及在不同場景中的應用。
Thumbnail
在數位辦公環境中,PDF文件是日常工作不可或缺的一部分。pdftopdf.ai是一款強大的PDF編輯工具,可以壓縮文件,讓PDF文件更易編輯和管理。本文將探討PDF編輯工具的功能、優勢及在不同場景中的應用。
Thumbnail
如果你不擅長直接編寫原始碼的話,要製作網頁、電子報,一定會非常辛苦,本文介紹的開源網頁神器 GrapesJS 絕對是你在找的工具,強大又免費的特性,可以用 Chrome App 的方式安裝,其它編輯器比起來又簡單很多;還有自訂原始碼……
Thumbnail
如果你不擅長直接編寫原始碼的話,要製作網頁、電子報,一定會非常辛苦,本文介紹的開源網頁神器 GrapesJS 絕對是你在找的工具,強大又免費的特性,可以用 Chrome App 的方式安裝,其它編輯器比起來又簡單很多;還有自訂原始碼……
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News