Andrew Ng
·
2025-01-08
下载并打开你的应用
按照这三个步骤下载代码文件，在你的计算机上找到它，并在 Web 浏览器中打开它。
第一步：下载你的代码
使用 DeepLearning.AI 聊天机器人（推荐）
在聊天机器人创建你的 HTML 代码后，你会看到它显示在聊天机器人屏幕上的灰色框中。
- 定位代码框 - 它将包含你所有的 HTML 代码，看起来像一个灰色矩形区域
- 找到下载图标 - 在代码框的右上角查找此图标：下载图标
- 点击下载图标 - 你的浏览器将自动下载文件
- 注意确认 - 你应该在浏览器底部看到一个通知，显示文件正在下载
- 文件已保存 - 它应该自动保存到你的下载文件夹
注意：文件名将类似于 file.html 或具有类似的以 .html 结尾的名称。
第二步：找到你下载的文件
接下来，定位你的计算机将文件保存到哪里。
在 Windows 上：
方法 1：使用你的浏览器（最简单）
- 查看浏览器窗口的底部 - 你应该看到那里列出了下载的文件
- 点击文件名旁边的小箭头
- 选择「在文件夹中显示」
- 一个窗口将打开，准确显示你的文件在哪里
方法 2：直接打开下载文件夹
- 同时按下 Windows 键和 E（这将打开文件资源管理器）
- 在窗口的左侧，点击「下载」
- 查找名为 file.html 的文件 - 这是你的应用程序！
在 Mac 上：
方法 1：使用你的浏览器（最简单）
- 在浏览器右上角附近查找下载箭头图标
- 点击箭头查看你最近的下载
- 在列表中找到你的文件
- 点击放大镜图标或选择「在 Finder 中显示」
- 一个窗口将打开，准确显示你的文件在哪里
方法 2：直接打开下载文件夹
- 点击程序坞中的 Finder 图标（蓝色笑脸）
- 在窗口的左侧，点击「下载」
- 查找名为 file.html 的文件 - 这是你的应用程序！
你正在寻找的内容：名称类似于 index.html、birthday-card.html 或 file.html 的文件
第三步：打开你的应用程序
快到了！现在你只需要在 Web 浏览器中打开文件。
Windows 和 Mac 都适用：
- 导航到你的文件 - 使用上述方法之一找到你的 .html 文件
- 双击文件 - 就像打开计算机上的任何其他文件一样
- 你的应用程序打开了！ - 文件将自动在你的默认 Web 浏览器（Chrome、Safari、Edge、Firefox 等）中打开
- 开始使用它 - 你的应用程序现在正在运行并准备使用！
你会看到的内容：你的 Web 浏览器将打开并显示你的应用程序，就像访问网站一样
使用不同的聊天机器人？
如果你改用 Claude、ChatGPT 或 Gemini，请点击此处
遇到问题了？
常见问题和解决方案：
「我在任何地方都找不到我的文件！」
- 首先检查你的下载文件夹（这是大多数文件存放的地方）
- 检查你的桌面 - 有时文件保存在这里
- 检查你的文档文件夹
- 查看浏览器的下载历史 - 点击浏览器中的下载箭头/图标
「当我双击文件时，它以文本/代码而不是网页的形式打开」
- 文件在文本编辑器而不是浏览器中打开了
- 解决方法：右键单击文件 → 选择「打开方式」→ 选择你的 Web 浏览器（Chrome、Safari、Firefox、Edge）
「我的文件叫 something.txt 而不是 something.html」
- 从文本编辑器保存时会发生这种情况
- 解决方法：重命名文件 - 右键单击 → 重命名 → 确保它以 .html 而不是 .txt 结尾
「我多次下载它，现在我有许多副本」
- 你的计算机会添加数字以防止覆盖（如 index(1).html、index(2).html）
- 解决方法：使用编号最高的那个 - 那是最新版本
- 如果你愿意，可以删除旧版本
「应用程序打开了，但它看起来很奇怪且有问题」
- 确保你将其保存为 .html 而不是 .txt
- 确保你从聊天机器人复制了所有代码
- 在 Mac 上，确保在保存之前在文本编辑中使用了「制作纯文本」
有用提示
保持文件井井有条
- 在你的文档文件夹中创建一个名为「My Apps」的文件夹
- 将所有 HTML 文件保存在那里，以便你可以轻松找到它们
为文件提供描述性名称
- 与其使用 index.html，不如将其命名为 birthday-card-app.html 或 todo-list.html
- 这有助于你记住每个应用程序的作用
你的应用程序可以离线工作
- 一旦文件保存，你就不需要互联网来使用它
- 只需随时双击文件即可运行你的应用程序
你可以随时进行更改
- 回到聊天机器人，告诉它你想要更改什么
- 下载更新的版本
- 它将替换旧文件（或以不同的名称保存）
此文章由 AI 翻译