安装与设置
Setup
Summary
Optional video covering workspace setup for spec-driven development using WebStorm IDE with Claude Code. Emphasizes that SDD is IDE-agnostic and works with VS Code, Zed, or any other editor with coding agent support.
Key Takeaways
- SDD is a best practice not tied to any specific IDE or coding agent — use what you’re comfortable with
- Using Git for version control is essential in the SDD workflow to track both code and spec changes
- Always pay attention to what the agent asks to do — ultimate code responsibility is yours
视频信息:Setup
English Script
Before you send your first prompt, let’s talk a little bit about setting up your workspace. If you’re already comfortable with setting up a coding agent like Claude Code in an IDE such as WebStorm, feel free to skip this optional video. Spec-Driven Development is a best practice that isn’t tied to any specific IDE or coding agent. So, you can choose the setup you’re already using or the same one you’ll see in this course. VS Code with the Codex CLI, Zed editor with a local model, all great for spec-driven development. Since we are planning to develop a web application, this course will use the WebStorm IDE with Claude Code as a coding agent. Instructions on downloading and installing both have been included in the previous reading item.
Let’s open up WebStorm and start a brand new project named Agent Clinic. This will be a TypeScript project with a Git repository to keep close track of versioning your code and specs. Although many IDEs, including WebStorm, offer a chat panel, we know there’s a lot of diversity in how you interact with your coding agents. In spec-driven development with agents, it’s important to keep close track of versioning your code. Let’s say we want to create an initial commit using the agent. Every time it needs to execute a command, it will ask you for the confirmation unless you start Claude Code in an unsafe mode. Pay close attention to what Claude Code asks you to do. The ultimate responsibility for the code is yours. Throughout the coming lessons, you’ll see several tricks and best practices for spec-driven development with Git. Great, we’ve got our setup ready and you’ve got yours ready. Let’s get started.
安装与设置
摘要
可选视频,讲解使用 WebStorm IDE 和 Claude Code 进行规格驱动开发的工作空间设置。强调 SDD 不绑定特定 IDE 或编程智能体,可与任何编辑器配合使用。
关键要点
- SDD 是一种最佳实践,不绑定于任何特定的 IDE 或编程智能体——选择你熟悉的工具即可
- 在 SDD 工作流中使用 Git 进行版本控制至关重要,用于追踪代码和规格说明的变更
- 始终密切关注智能体要求执行的操作——代码的最终责任在于你
视频信息:安装与设置
视频脚本(中文翻译)
在你发送第一条提示词之前,让我们先谈谈如何设置你的工作空间。如果你已经熟悉如何在 WebStorm 这样的 IDE 中设置像 Claude Code 这样的编程智能体,请随意跳过这个可选视频。规格驱动开发是一种最佳实践,它不绑定于任何特定的 IDE 或编程智能体。所以,你可以选择你已经在用的配置,或者使用这门课程中展示的配置。使用带有 Codex CLI 的 VS Code,或者带有本地大模型的 Zed 编辑器,都非常适合进行规格驱动开发。因为我们计划开发一个 Web 应用程序,所以本课程将使用 WebStorm IDE,并以 Claude Code 作为编程智能体。关于这两者的下载和安装说明,已经包含在前面的阅读材料中了。
让我们打开 WebStorm,创建一个名为 Agent Clinic(智能体诊所)的全新项目。这将是一个 TypeScript 项目,并附带一个 Git 仓库,以便密切跟踪你的代码和规格说明的版本控制。尽管包括 WebStorm 在内的许多 IDE 都提供了聊天面板,但我们知道大家在与编程智能体交互的方式上存在很大的多样性。在结合智能体的规格驱动开发中,密切追踪代码的版本控制非常重要。假设我们想使用智能体创建一个初始提交(initial commit)。每次它需要执行命令时,它都会要求你进行确认,除非你以”非安全模式(unsafe mode)“启动 Claude Code。请密切关注 Claude Code 要求你执行的操作。代码的最终责任在于你。在接下来的课程中,你将看到几个在 Git 环境下进行规格驱动开发的技巧和最佳实践。太好了,我们的配置已经就绪,你也准备好了。让我们开始吧。