Sign in Subscribe
Journal

开启精妙的Node.js学习之旅，搭配Copilot助手

踏上掌握Node.js的变革之旅，使用ChatGPT-Next-Web将Python Telegram机器人转变为网络应用。

开启精妙的Node.js学习之旅，搭配Copilot助手

Click HERE to read the original article in English.

💡
为了将我的 Python Telegram 机器人转变为 Node.js Web 聊天机器人。从明天开始学习 Node.js ，不学不行，现在的 AI 还不够完美，不懂 Node.js 的情况下，只靠自然语言反复让 AI 改代码，一旦项目功能较多，涉及到用户管理和数据库等一系列操作之后，很容易进入 Debug死循环，就是修改好一个 Bug 带来两个新 Bug，如此反复永无止境。要想结束这种死循环，就必须自己懂代码，人类就是在 AI 进入死循环的时候出面来解决问题的，如果自己不懂，就是两个瞎子走迷宫了。。。

从明天开始，我将通过我的 copilot agent 开始学习 Node.js。看看我需要多长时间才能构建一个拥有与我当前 Telegram 机器人（用 Python 编写）相同功能的 Web 聊天机器人。敬请关注，我会一路分享我的进展！

这是我与 copilot agent 的起点：我提供了一个初始提示，概述了我的目标、经验以及我对学习旅程的结构构想。以下是我的初始提示和 copilot agent 的回应。

用户提示

我想学习 Node.js。我三年前自学了 Python，并构建了几个 Telegram 机器人和一些小脚本，所以我理解编程语言的运作方式；然而，我对 Node.js 还是个新手。我的目标是将我的 Telegram AI 机器人转化为网页应用，这使得 Node.js 成为必不可少且令人兴奋的挑战。我很感激有你作为我的专属教练。

这是我希望的学习结构：

  1. 主要目标：教会我 Node.js，直到我掌握 ChatGPT-Next-Web 项目。
  2. 学习资源：使用 ChatGPT-Next-Web 项目作为我们的主要参考，就像一本教科书。
  3. 比较教学：与 Python 进行比较，因为我已经有 Python 的经验。
  4. 关注关键文件：每个课程专注于 ChatGPT-Next-Web 项目的一个主要源代码文件。在深入掌握当前文件后再进行下一个文件。
  5. 应用为主：强调主要文件，必要时用辅助文件作为补充学习。

请先使用 shell 命令显示项目的文件树，然后根据主要文件来规划我们的课程。一旦准备好，我们就开始第一课吧。

Copilot Agent 的回应

ls 命令已成功列出了 ChatGPT-Next-Web 目录的内容。以下是它为 Node.js 学习课程建议的规划：

目录结构概述

  • 核心目录：
    • app/：包含应用程序组件和页面。
    • public/：包含静态资源，如图片和网站图标。
    • scripts/：可能包含与构建或自动化相关的脚本文件。
    • src-tauri/：包含 Tauri 集成代码（如适用）。
    • docker-compose.yml：用于 Docker 容器编排的配置。
    • next.config.mjs：Next.js 应用程序的配置文件。
  • 关键文件：
    • README.md：提供项目的基本信息、设置说明等。
    • package.json：元数据和依赖项。
    • LICENSE：项目的许可信息。

课程结构

以下是计划的课程大纲：

  1. Node.js 介绍和项目设置
    • 回顾 README.md 和项目基础知识。
  2. 探索项目结构
    • 了解 app、public、scripts 目录。
    • 学习如何使用 package.json 进行依赖管理。
  3. Next.js 配置
    • 理解 next.config.mjs。
  4. 构建核心应用逻辑
    • 分析 app/ 中的文件，了解组件渲染方式。
  5. 通过 Store 进行状态管理
    • 学习应用程序中的状态处理。
  6. 构建 API 路由
    • 结构化并连接路由以处理请求。
  7. 最终润色和部署
    • 使用 docker-compose.yml 进行回顾和部署。

下一步

  • 从 README.md 和 package.json 开始，了解项目的依赖项。
  • 我们将进行第一课，学习在 ChatGPT-Next-Web 中应用的基本 Node.js 概念。

如果你想加入我的旅程或者有任何建议，欢迎留言！期待这次冒险之旅。

Midjourney prompt for the cover image: An aspiring developer begins learning Node.js, depicted as embarking on a futuristic coding journey. The setting features a digital classroom, with holographic displays showing Node.js code. The developer, a focused individual with virtual reality glasses, is seated at a high-tech desk surrounded by code-filled screens, coding tutorials, and AI assistants resembling a supportive learning environment. The scene is in a Sketch Cartoon Style, capturing the excitement and curiosity of mastering new programming skills.

Read next