在您的 IDE 中生成代码
体验由 AI 驱动的编码辅助，开启软件开发的未来。更快速地编写优质代码，智能调试，将复杂项目转化为可管理的任务。您的开发工作流程，已全面升级。
Loved by 1,000+ happy users
安装 Node.js 18+, 然后运行:
npm install -g @anthropic-ai/claude-code什么是 Claude IDE
Claude IDE 是一个强大的 AI 编程助手，直接嵌入您的终端和 VS Code，让 AI 辅助开发触手可及。
智能代码理解
理解你的整个代码库而非孤立片段，进行跨文件的协调修改，提出真正契合你项目的建议。
在你工作的地方工作
直接存在于你的终端和 IDE 中，无需切换环境，与 VS Code 和 JetBrains 深度集成。
无缝集成体验
提供极具竞争力的价格方案，让更多开发者能够使用先进的 AI 编程助手，无需为高昂费用担忧。
Claude IDE 能为你做什么？
快速熟悉代码库
Claude Code 能在几秒钟内分析并解释整个代码库。它通过智能搜索自动理解项目结构和依赖关系，无需你手动选择上下文文件。
从 Issue 到 PR
告别工具间的频繁切换。Claude Code 与 GitHub、GitLab 和命令行工具深度集成，处理完整的工作流程——阅读 Issue、编写代码、运行测试并提交 PR——一切都在你的终端中完成。
执行强大的编辑操作
得益于对代码库和依赖关系的深入理解，Claude Code 能够执行跨多个文件的强大编辑操作，确保修改的准确性和可用性。
Terminal
$I'm new to this codebase. Can you explain it to me?
⏺I'll analyze the Excalidraw codebase structure and provide a high-level overview.
⏺Analyze(what: "Excalidraw codebase structure and provide a high-level overview of what it is, its main components, and how they're organized. Focus on understanding the project's purpose, architecture, and key features.")
Excalidraw is an open-source virtual whiteboard application with a hand-drawn style. It's designed for creating diagrams, wireframes, and collaborative drawings.
## Purpose
• Web-based drawing tool with infinite canvas
• Hand-drawn aesthetic with support for shapes, arrows, text
• End-to-end encrypted collaboration
• Works offline as a PWA (Progressive Web App)
## Architecture
The project is organized as a monorepo with these main components:
1. Core Package (packages/excalidraw)
• React component library for embedding Excalidraw in any application
• Handles drawing, rendering, and core functionality
• Uses roughjs for the hand-drawn style
• Includes export capabilities (PNG, SVG)
• Handles drawing, rendering, and core functionality
• Uses roughjs for the hand-drawn style
• Includes export capabilities (PNG, SVG)
2. Web Application (excalidraw-app/)
• Full-featured web app at excalidraw.com
• Built on top of the core package
• Adds collaboration features, local storage, sharing
• Built on top of the core package
• Adds collaboration features, local storage, sharing
3. Support Packages
• common - Shared utilities and constants
• element - Element manipulation and type definitions
• math - Mathematical functions for drawing
• utils - General utility functions
• element - Element manipulation and type definitions
• math - Mathematical functions for drawing
• utils - General utility functions
4. Examples
• Integration examples (Next.js, browser script)
• Shows how to embed Excalidraw in different environments
• Shows how to embed Excalidraw in different environments
5. Documentation (dev-docs/)
• API documentation
• Integration guides
• Component documentation
• Integration guides
• Component documentation
## Key Features
• Real-time collaboration with end-to-end encryption
• Export to various formats (PNG, SVG, JSON)
• Customizable drawing tools
• Dark mode support
• Localization
• Library of shapes and components
• Arrow bindings and labels
• Image support
## Technology Stack
• React for UI
• TypeScript for type safety
• Firebase for collaboration backend
• Jotai for state management
• Vite for development and building
• IndexedDB/LocalStorage for offline storage
The architecture allows for both using Excalidraw as a component in other applications and as a standalone web application with additional features.
$
开发者怎么说
"Claude IDE 帮我快速熟悉陌生项目的代码结构，大大缩短了上手时间。"Alice, 前端工程师
常见问题
查找关于 Claude IDE 的常见问题答案，开始使用 AI 驱动的编程辅助。
还有其他问题？