DeepAI · 你的第一个项目 › 跟 Claude Code 做出来

跟 Claude Code 做出来

一句话需求到跑起来

按下面五步走,每步预计时间已标注。

打开你的项目文件夹

在电脑上新建一个空文件夹,起个名字比如 word-counter。 打开 VS Code,菜单选 File → Open Folder,选这个空文件夹。 这个文件夹就是你这个小项目的家——Claude 做出的所有文件都会放在这里。

启动 Claude Code

打开 VS Code,点击左侧边栏的 Claude Code 图标,进入插件面板。 稍等几秒,出现对话界面说明启动成功——你现在跟 Claude 在同一个工作目录下了。

用一句话说需求

直接在对话框里输入你的需求,不用管技术细节,说人话就行。比如:

看它动手

Claude 会开始创建文件、写代码,你在终端里能看到它做的每一步——创建了哪个文件、写了什么内容。它如果有问题会问你,有疑问就直接回答;不确定的话说「你来决定就好」也没问题。整个过程通常 1–2 分钟完成。

跑起来看效果

Claude 做完后会告诉你怎么打开这个工具。对于一个 HTML 小网页,通常是在文件浏览器里双击 index.html, 或者它会给你一行命令来启动一个本地服务器。 打开之后,亲自动手用一下——粘一段文字,看字数是不是正确显示出来了。
📷 待补图:Claude Code 在 VS Code 终端里创建文件、写代码的过程

第三步「用一句话说需求」的示例对话:

# 你说: 帮我做一个网页,能把我粘贴进去的一段文字统计字数。 要简洁好看,有个大的文本框,下面实时显示字数。 # Claude 会回应类似: # 好的,我来创建这个字数统计网页,包含: # - 一个大的文本输入框 # - 实时显示字数(汉字、英文单词都统计) # # 开始创建文件...
说需求时不需要提「用什么技术」「怎么实现」——那是 Claude 的事。你只需要描述你看到的效果是什么样的。
📷 待补图:字数统计网页跑起来的效果——文本框 + 实时字数显示