# AI Code Preview vs CodeGPT AI Code Preview 每月有 0 次造訪，月增率 —，定價模式為免費。CodeGPT 每月有 170,064 次造訪，成長率 -19%，定價模式為免費增值、付費、需聯絡報價。 | 指標 | [AI Code Preview](https://openaitools.app/tw/tool/ai-code-preview) | [CodeGPT](https://openaitools.app/tw/tool/code-gpt) | | :--- | :--- | :--- | | 網站網址 | https://chromewebstore.google.com/detail/ai-code-preview/loajhmclhgofappkpogllbhjpocgeoil | https://codegpt.co | | 分類 | AI 開發者工具, AI 程式碼助手, AI 副駕駛 | AI Agent, AI 程式碼助手, AI 程式碼審查, AI 程式碼生成器 | | 定價模式 | 免費 | 免費增值、付費、需聯絡報價 | | 每月造訪次數 | 0 | 170,064 | | 月成長率 | — | -19% | | 主要市場 | 全球 | 印度 | | 直接造訪 | 0 | 92,071 | | 評論分數 | 3.9 | 4.3 | | 收藏數 | 0 | 3 | | 支援平台 | 瀏覽器擴充功能 | 網站 | ## AI Code Preview AI Code Preview is a free Chrome extension for developers who work with AI coding assistants. It detects code blocks in AI responses and renders them in a live preview supporting HTML, CSS, JavaScript, React components, and Vue single-file components, with one-click copy and download. **價格與方案:** AI Code Preview is free. It is a free Chrome Web Store extension with no listed paid tier. - **Real-time code preview:** See the rendered output of a code snippet immediately, without copying it into a separate editor or sandbox. - **Multi-language support:** Preview HTML, CSS, and JavaScript together, as well as React components and Vue single-file components. - **One-click copy and download:** Copy a snippet to your clipboard or download it as a file straight from the preview panel. - **Smart code-block detection:** The extension recognizes fenced code blocks and their syntax automatically, so previews appear without manual setup. - **Sandboxed execution:** Code is executed in an isolated sandbox, so you can test AI-generated snippets without risking your environment. **優勢:** Free Chrome Web Store extension with no paid tier; Live preview of HTML, CSS, JS, React, and Vue snippets; Sandboxed execution keeps testing isolated; Quick copy and download straight from the preview **限制:** The listing was last updated in 2024, so very new frameworks may not yet be covered; Focused purely on previewing snippets — it is not a full IDE or project-level build tool [Profile (Markdown)](https://openaitools.app/tw/tool/ai-code-preview.md) ## CodeGPT CodeGPT 以擴充套件形式提供，支援 Visual Studio Code、JetBrains 系列 IDE（IntelliJ、PyCharm 等）以及 Visual Studio。它不只做行內補全，而是先通讀程式碼庫、產生可編輯的執行方案，再開始寫程式，並顯示讀取了哪些檔案、提出了哪些修改，任何變更都要經你確認後才會生效。官方稱安裝量已超過兩百萬，使用者中包含大型企業團隊。 此產品最大的特色是自帶金鑰（BYOK）模式。你可以串接 Claude、GPT、Gemini、Grok，或透過 Ollama、LM Studio 在本機執行的開源模型，並依任務切換模型，程式碼無需搬移。若不想自行管理金鑰，也可購買 CodeGPT 額度。公開方案包括：每日若干次互動的免費版、面向個人開發者的 Professional 版，以及按席位計費、含團隊共享額度與管理後台的 Teams 版，企業級與 AI 落地服務可另行洽談。 除對話與程式生成外，CodeGPT 還提供 MCP 串接外部 API、文件與資料庫、專案規則以維持一致規範、即時上下文用量追蹤，以及需經批准才執行指令的終端工具。隱私優先的架構是核心賣點：除非你主動將程式碼送往自行設定的雲端模型，否則程式碼始終在你掌控之中。 **價格與方案:** 免費版每日可在經濟型模型上進行有限次數互動，並贈送少量高階模型體驗額度。Professional 約 10 美元/月（年付約 9 美元/月），可無限使用經濟型模型並含每月高階額度；Teams 約 30 美元/人/月（年付 27 美元），含團隊共享額度與管理後台。自帶金鑰使用不限额，企業版需另行詢價。 - **模型無關的 BYOK:** 以自備 API 金鑰串接 Claude、GPT、Gemini、Grok 或本機 Ollama／LM Studio 模型，也可使用 CodeGPT 額度，並依任務切換模型且無需搬移程式碼。 - **先規劃再寫程式的智能代理:** 智能代理先讀取程式碼庫、提出可編輯方案，只在你逐步確認後才寫程式，讓每處改動都在掌控之中。 - **完整的上下文可視化:** 可查看讀取了哪些檔案、權衡了哪些方案、提出了哪些修改，並即時追蹤上下文用量，沒有隱藏上限。 - **MCP 整合與規則:** 透過 MCP 串接外部 API、文件與資料庫，並設定專案規則，讓生成的程式碼符合團隊規範。 - **帶審批的終端執行:** 允許智能代理在終端執行指令，但在實際執行或改動前必須取得你的明確批准。 **優勢:** 同一家供應商即涵蓋 VS Code、JetBrains 與 Visual Studio; 自帶金鑰模式免除按量計費與廠商綁定; 改動前審批與可見的上下文追蹤更值得信賴; 同時支援雲端前沿模型與本機 Ollama／LM Studio 模型 **限制:** 若不提供自有金鑰，使用高階模型仍需消耗額度; 免費版在同步經濟型模型上的每日互動次數有限; 高階智能代理工作流程需要一定設定時間才能用好 [Profile (Markdown)](https://openaitools.app/tw/tool/code-gpt.md) ## 常見問題 ### AI Code Preview 與 CodeGPT 的每月流量相比如何？ AI Code Preview 每月有 0 次造訪，而 CodeGPT 有 170,064。流量估算反映受眾規模，並非產品品質。 ### 兩者的成長率相比如何？ AI Code Preview 的月增率為 —；CodeGPT 為 -19%。 ### 價格相比如何？ AI Code Preview：免費。AI Code Preview is free. It is a free Chrome Web Store extension with no listed paid tier. CodeGPT：免費增值、付費、需聯絡報價。免費版每日可在經濟型模型上進行有限次數互動，並贈送少量高階模型體驗額度。Professional 約 10 美元/月（年付約 9 美元/月），可無限使用經濟型模型並含每月高階額度；Teams 約 30 美元/人/月（年付 27 美元），含團隊共享額度與管理後台。自帶金鑰使用不限额，企業版需另行詢價。 ## 替代方案 | # | 工具名稱 | 每月造訪次數 | 月成長率 | 定價模式 | Summary | Profile (Markdown) | | :--- | :--- | :--- | :--- | :--- | :--- | :--- | | 1 | [Cursor](https://openaitools.app/tw/tool/cursor) | 23,297,751 | +8.4% | 免費增值 | 一個基於 VS Code 打造的完整 AI 原生 IDE，提供比標準擴充功能更深入的多檔案編輯能力。 | [.md](https://openaitools.app/tw/tool/cursor.md) | | 2 | [Google Antigravity](https://openaitools.app/tw/tool/google-antigravity) | 16,054,109 | +8.1% | 免費增值 | A comprehensive agentic development suite by Google for running parallel coding agents, but requires a separate environment. | [.md](https://openaitools.app/tw/tool/google-antigravity.md) | | 3 | [VS Code](https://openaitools.app/tw/tool/vs-code) | 7,397,370 | -3.8% | 免費增值 | 精準撰寫程式碼，把更大的任務交給代理，隨時隨地繼續工作 | [.md](https://openaitools.app/tw/tool/vs-code.md) | | 4 | [Qoder](https://openaitools.app/tw/tool/qoder) | 5,145,040 | +81.8% | 免費增值、免費試用、免費 | 讀取整個程式碼庫以執行複雜的多檔案任務的 IDE 外掛，類似於 CodeGPT。 | [.md](https://openaitools.app/tw/tool/qoder.md) | | 5 | [Kiro](https://openaitools.app/tw/tool/kiro) | 3,330,476 | +4.6% | 免費增值 | A spec-driven AI IDE from AWS that plans and verifies engineering work, but requires switching editors. | [.md](https://openaitools.app/tw/tool/kiro.md) | | 6 | [Command Code](https://openaitools.app/tw/tool/command-code) | 2,358,177 | -12.1% | 免費增值、需聯絡報價 | Optimized for running open-weight models in the terminal, focusing on personal coding preference adaptation. | [.md](https://openaitools.app/tw/tool/command-code.md) | | 7 | [Pi 編碼代理](https://openaitools.app/tw/tool/pi-coding-agent) | 1,929,244 | +4% | 免費 | A lightweight terminal coding agent supporting multiple model providers, tailored for command-line power users. | [.md](https://openaitools.app/tw/tool/pi-coding-agent.md) | | 8 | [T3 Code](https://openaitools.app/tw/tool/t3-code) | 1,071,866 | +52.5% | 免費 | An open-source control plane for orchestrating multiple coding agents, offering more flexibility than single IDE plugins. | [.md](https://openaitools.app/tw/tool/t3-code.md) | | 9 | [CodeRabbit](https://openaitools.app/tw/tool/coderabbit) | 1,048,880 | +4.6% | 免費增值、免費試用、付費、需聯絡報價 | 自動化 Pull Request 的深度程式碼審查，而 CodeGPT 則主要專注於編輯器內的積極生成與重構。 | [.md](https://openaitools.app/tw/tool/coderabbit.md) | | 10 | [Trae](https://openaitools.app/tw/tool/trae) | 702,366 | -7.8% | 免費增值 | 一個能規劃與測試程式專案的 AI 驅動開發環境，但以獨立 IDE 的形式運作。 | [.md](https://openaitools.app/tw/tool/trae.md) | --- 來源：https://openaitools.app/tw/compare/ai-code-preview-vs-code-gpt More Markdown: [分類](https://openaitools.app/tw/categories.md) · [流量排名](https://openaitools.app/tw/rankings.md) · [llms.txt](https://openaitools.app/tw/llms.txt)