认识 VS Code 界面

刚打开时先看这里

先看左侧是否显示“尚未打开文件夹”。这表示 VS Code 已启动，但还没有选定这次练习的文件夹。

1 / 2关闭图片

Mac：左侧尚未打开文件夹；右侧 Claude Code 是已安装插件后的界面，你暂时可能看不到。

上一张下一张

三个区域分别用来做什么

• 左侧资源管理器：列出当前文件夹里的文件；后面生成的 README.md 和 index.html 会出现在这里。
• 中间编辑区：打开文件后显示正文或代码；预览时显示排版结果。
• Claude Code 面板：安装 AI 插件后用于发任务。它可以读取和修改文件，面板位置可以随布局调整。

接下来选择项目文件夹

欢迎页里有没有最近打开的项目不影响练习。下一步新建 word-counter，并让 VS Code 打开它；先不要在其他项目里试着让 AI 创建文件。