跟 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 的事。你只需要描述你看到的效果是什么样的。
📷 待补图:字数统计网页跑起来的效果——文本框 + 实时字数显示