创建并预览 README

制作网页 · 第 7 / 10 步查看完整路线

在 Claude Code 中发送任务

保持 word-counter 打开，确认 Claude Code 已经能回复。README.md 是项目说明文件：先把网页要做什么写下来，再生成网页。

出现文件操作确认时，核对目标是当前项目的 README.md，再允许创建。完成后检查左侧是否真的出现这个文件；只有聊天里的文字还不算创建成功。

请在当前 word-counter 文件夹中新建 README.md，只创建这个文件。
项目：字数统计网页。
用途：输入文字后实时显示字符数。
规则：标点计数，空格、换行等空白不计数；按 Unicode 码点计数，单个 😀 算 1，不合并多个码点组成的表情。
实现方式：后续用单个 index.html，样式和脚本写在其中，不安装依赖，不连接外部服务。
完成后告诉我文件保存在哪里。

打开 README.md，查看排版

双击左侧 README.md，中间会显示文字和 Markdown 标记。Markdown 是用简短标记组织标题、列表等内容的文本格式。
右键文件标签，选择“打开预览 / Open Preview”；也可在命令面板搜索 Markdown: Open Preview。
对照预览检查项目名称和统计规则。VS Code 自带 Markdown 预览，不需要另装插件才能完成这一步。

左侧是 Markdown 文字，右侧是预览。实拍电脑装了 Markdown Preview Enhanced，内置预览外观可能不同。

还没成功？查看本步排查

先对照本页操作和截图，确认打开的软件、文件夹和文件名。若仍不能继续，按现象排查，或整理报错向负责人求助。截图前遮盖密钥和私人资料。

补充资料（不影响继续下一步）

需要查看 PDF 时再安装查看扩展

AI 插件负责处理任务；PDF 查看扩展负责把文档显示给你看。安装查看扩展，不等于 AI 已读取或理解文档。PDF 不是本次网页练习的必需文件。

在左侧“扩展 / Extensions”搜索 PDF viewer，按团队确认的发布者和扩展选择，不凭搜索排名安装。
打开一份不含敏感信息的测试 PDF。如果没有显示，右键文件选择“打开方式 / Open With…”，选择已安装的查看器。
要让 AI 分析文档，另外说明文件名，并核对它返回的原文或页码。

查看操作截图