CodeNodeX AI
Sign upWrite

Learning Path

Vibe Coding tutorials

Browse tutorials and chapters for Vibe Coding.

Notes & quizzes

Community notes, experience posts, quizzes, and miscellaneous tutorial entries.

Tutorials

23

TAXONOMYNotes & quizzesFetched/Vibe Coding

Vibe Coding 教程

Vibe Coding 教程 Vibe Coding（氛围编程）是一种全新的软件开发方式。 Vibe Coding不再从零写代码，而是通过自然语言描述需求，让 AI 帮你生成、修改、调试和重构代码。 Vibe Coding 不是不会编程也能开发，而是把写代码升级为设计 + 指挥 + 验证。 未来开发者的核心竞争力，会越来越从代码能力转向问题拆解能力、系统设计能力和 AI 协作能力。 Vibe Coding 角色分工 在..

TUTORIALNotes & quizzesFetched/Vibe Coding

CC Switch 一键切换 API

CC Switch 一键切换 API 随着 Claude Code、OpenAI Codex、Gemini CLI 等 AI 编程工具的流行，开发者往往需要在多个 API 提供商之间频繁切换——官方 API、国内镜像、第三方代理……每次手动修改配置文件既繁琐又容易出错。 CC Switch 就是解决这个痛点的桌面工具，它提供一个统一的图形界面，让你可以： 功能 ..

TUTORIALNotes & quizzesFetched/Vibe Coding

Claude Code 入门教程

Claude Code 入门教程 Claude Code 是 Anthropic 官方 CLI 级智能体工具。 Claude Code 定位不是聊天，而是 在本地代码仓库中执行高权限、可上下文感知的工程任务。 Claude Code 是 Agent，不是 Chat。 详细教程参见：https://www.runoob.com/claude-code/claude-code-tutorial.html 核心能力： 直..

TUTORIALNotes & quizzesFetched/Vibe Coding

GitHub Copilot 入门教程

GitHub Copilot 入门教程 GitHub Copilot 已经不是 2021 年那个 代码补全工具 了。 GitHub Copilot 现在是一个覆盖 IDE、CLI、Github 的 AI 编程平台：在 IDE 里自主编辑多个文件，在云端把 Issue 变成 PR，在终端运行并行子 Agent，在 PR 页面做智能代码审查。 GitHub Copilot 发展 年份里程碑 2021技术预览上线。OpenAI Code..

TUTORIALNotes & quizzesFetched/Vibe Coding

Kilo Code 入门教程

Kilo Code 入门教程 Kilo Code 是一个开源的 AI 编程 Agent，运行在你的 VS Code、JetBrains 或命令行里，支持 500+ 个 AI 模型，目前拥有 300 万+ 开发者用户，处理了 40 万亿+ Tokens。 Kilo Code 是装在你现有 IDE（VS Code、JetBrains）里的开源 AI 编程 Agent。 Kilo Code 不是一个新的编辑器分支，不换工具、不换快捷键、..

TUTORIALNotes & quizzesFetched/Vibe Coding

MCP 入门教程

MCP 入门教程 MCP 英文全称 Model Context Protocol（模型上下文协议），是一个开放标准协议，用于标准化 AI 应用与外部工具、数据源之间的连接方式。 MCP 就像 USB-C 一样，可以让不同设备能够通过相同的接口连接在一起。 在 MCP 出现之前，每接入一个新工具（如 GitHub、Slack、数据库），每个 AI 应用都要单独写一套集成代码，形成 N × M 集成难题（N 个 AI 应用 × M..

TUTORIALNotes & quizzesFetched/Vibe Coding

Oh My Pi（omp）入门教程

Oh My Pi（omp）入门教程 Oh My Pi（命令行简称 omp）是一个运行在终端里的开源 AI 编程 Agent，由 Can Bölük fork 自 Mario Zechner 的 Pi 并大幅扩展而来。 Oh My Pi 的核心理念是：工具不应该只是「连上去」，而要被打磨到极致——每一个工具都经过基准测试调优，编辑命中率、搜索速度、LSP 集成都力求做到同类最优。 GitHub：https://github.com/c..

TUTORIALNotes & quizzesFetched/Vibe Coding

OpenCode 入门教程

OpenCode 入门教程 OpenCode 是一个开源的 AI 编程代理（AI coding agent），支持在终端（Terminal）、桌面应用和主流 IDE（如 VS Code）中与 AI 交互完成代码相关任务。 OpenCode 可以帮助我们理解代码库、编写新功能、重构代码、修复 Bug 等，大幅提升开发效率。 OpenCode 类似于 Claude 的 Code 模式或 Cursor 的 Agent 功能，但完全开源、隐私..

TUTORIALNotes & quizzesFetched/Vibe Coding

OpenCode Coding Plan

OpenCode Coding Plan 现在市面上有很多大模型厂商， 国外的有 Anthropic、Open AI、Grok、Gemini等，但是访问国外现在不方便，国内的有 DeepSeek、千问、ZLM、Minimax 等。 我们使用Claude Code 写代码最费钱的就是 token 了，海外的访问不方便，而且还贵，国内的现在都有包月套餐，如果长期用建议买包月套餐划算。 本文介绍阿里云百炼的 Coding Pla..

TUTORIALNotes & quizzesFetched/Vibe Coding

Qoder CLI

Qoder CLI Qoder CLI 是一款类似 Calude Code 的命令行工具，支持在终端中完成各类操作，适用于开发、自动化脚本等多种场景。 Qoder CLI 是 Qoder（https://qoder.com/）平台提供的官方命令行客户端，支持以下系统和架构： 操作系统：macOS、Linux、Windows（推荐使用 Windows Terminal） CPU 架构：arm64、amd64（Windows a..

TUTORIALNotes & quizzesFetched/Vibe Coding

Qoder Quest 模式

Qoder Quest 模式 Quest Mode 是 Qoder 的自主编码功能，能让 AI 智能体端到端地完成开发任务。 我们只需描述你的目标，Quest 会自主进行需求澄清、方案规划、代码执行和结果验证——整个过程几乎无需人工干预。 Qoder 它的核心理念只有两句话：定义目标，审查结果。 与 Agent Mode 不同，Quest Mode 专为复杂、长时间运行的任务而设计——比如实现一个全新功能或修复深层 Bug。 我们提..

TUTORIALNotes & quizzesFetched/Vibe Coding

Qoder 教程

Qoder 教程 Qoder 是阿里巴巴于 2025 年 8 月正式发布的新一代 Agentic 编程平台，能够深度理解整个代码库、自主完成复杂开发任务的 AI 编程搭档。 Qoder 是一个基于 VSCode 开源代码（code-oss）构建的，所以操作起来跟 VS Code 没什么太大区别。 Qoder 在 VSCode 的基础上，深度定制并内置了 AI 能力（NES、行间对话、Agent、Quest Mode 等），而不是以插件..

TUTORIALNotes & quizzesFetched/Vibe Coding

Reasonix 入门教程

Reasonix 入门教程 Reasonix 是一个专为 DeepSeek 深度优化的开源终端 AI 编程 Agent，整个运行循环围绕 DeepSeek 的 prefix-cache 机制从零设计，目标是让 AI 编程足够便宜，可以一直挂着跑。 Reasonix的设计哲学：'A coding agent that stays cheap enough to leave on.'（足够便宜，可以一直挂着跑的编程 A..

TUTORIALNotes & quizzesFetched/Vibe Coding

Skills 教程

Skills 教程 Skills 本质上就是教 AI 按固定流程做事的操作说明书，一旦写好，就能像函数一样反复调用。 我们可以把 Skills 看成把 某类事情应该怎么专业做 这件事，封装成一个可复用、可自动触发的能力模块。 Skills 以 Markdown 文件形式存在，不执行功能，而是通过按需、渐进式加载，实现高效且可复用的经验传递。 Skills 和传统 Prompt 最大的区别是：按需加载 + 渐进式披露（只在需要时才把..

TUTORIALNotes & quizzesFetched/Vibe Coding

TRAE 教程

TRAE 教程 Trae（读作 /treɪ/）是字节跳动推出的一款 AI 原生集成开发环境（IDE），深度集成 Claude 和 GPT-4o 等大模型，提供智能问答、代码补全和 AI 自动编程能力。 Trae 基于 VS Code 内核开发，界面友好使用与 VS Code 差不多。 Trae 主要特点包括： 全中文界面，无需安装汉化插件，开箱即用 内置 AI 助手，支持 Chat（问答）和 Builder（项目..

TUTORIALNotes & quizzesFetched/Vibe Coding

Trae Solo

Trae Solo Trae 是字节跳动推出的一款面向开发者的 AI 集成开发环境（IDE），基于 VS Code，提供智能问答、代码自动补全以及基于 Agent 的 AI 自动编程能力。 简单说就是写代码、做开发的 AI 工具，支持多种编程语言和开发场景。 访问 Trae 国内官网： Trae 官网 默认情况，下载按钮会自动匹配我们的电脑系统，我们也可以找到适合自己电..

TUTORIALNotes & quizzesFetched/Vibe Coding

Vibe Coding 简介

Vibe Coding 简介 Vibe Coding（氛围编程）是一种全新的人机协同编程范式。 Vibe Coding（氛围编程）的核心思想是：我们不再逐行手写代码，而是用自然语言告诉 AI 你想要什么，AI 帮你生成代码，你只需要测试、调整和验收结果。 核心概念 在传统编程中，开发者需要花费大量时间记忆语法规则、查阅文档以及编写每一行代码。 而在 Vibe Coding 模式中，开发者使用日常语言描述其创意和业务逻辑，AI 助手会..

TUTORIALNotes & quizzesFetched/Vibe Coding

Vibe Coding 思维模式

Vibe Coding 思维模式 传统编程 vs Vibe Coding 的思维差异 传统编程的思维路径是： 我有需求 → 我需要什么语法？→ 我怎么写代码？→ 写出来 → 调试 Vibe Coding 的思维路径是： 我有需求 → 我该怎么描述这个需求？→ AI 生成代码 → 我验证结果 → 继续调整描述 核心差异在于：传统编程是写代码，Vibe Coding 是描述需求。 一个例子感受差异 假设你要做一个用..

TUTORIALNotes & quizzesFetched/Vibe Coding

Vibe Coding 实战项目

Vibe Coding 实战项目 本章节我们将完整演示 Vibe Coding 的全过程——不是埋头写代码，而是用自然语言描述需求、让 AI 来执行。 最终目标就是不写一行代码，也能做出一个真实可用的 Web 应用。 先搞懂：Vibe Coding 到底是什么 Vibe Coding 这个名字来自 OpenAI 联合创始人 Andrej Karpathy 的一条推文。 他的意思是：你沉浸在产品的「氛围」里，忘记代码细节，只描述你想要..

TUTORIALNotes & quizzesFetched/Vibe Coding

提示词（Prompt）工程

提示词（Prompt）工程 提示词（Prompt） 是你和 AI 之间的唯一沟通渠道，同样的需求，不同的 Prompt，产出质量可以差 10 倍。 好提示词（Prompt） 的五要素： 要素核心问题如果缺失会怎样 目标要做什么？AI 猜你的意图，可能偏离方向 约束有什么限制？AI 用你不熟悉的技术栈，代码无法集成 输入接收什么数据？AI 假设输入格式，实际运行时出错 输出产生什么结果？AI 给了代码但没给使用方式，不知道怎么跑 ..

TUTORIALNotes & quizzesFetched/Vibe Coding

Vibe Coding 教程

Vibe Coding 教程 Vibe Coding（氛围编程）是一种全新的软件开发方式。 Vibe Coding不再从零写代码，而是通过自然语言描述需求，让 AI 帮你生成、修改、调试和重构代码。 Vibe Coding 不是不会编程也能开发，而是把写代码升级为设计 + 指挥 + 验证。 未来开发者的核心竞争力，会越来越从代码能力转向问题拆解能力、系统设计能力和 AI 协作能力。 Vibe Coding 角色分工 在..

TUTORIALNotes & quizzesFetched/Vibe Coding

第一个 Vibe Coding

第一个 Vibe Coding Vibe Coding 的平台工具很多，有的主打零代码拖拽，有的强调工程化定制，还有不少专注于业务流程编排与多智能体协同开发。 不同工具平台，有不同的使用场景，本章节介绍四个工具，两个在线工具，两个本地工具： /* 缩小图标 */ .link-item i { font-size: 14px !important; } 工具名称 ..

TUTORIALNotes & quizzesFetched/Vibe Coding

ZCode 入门教程

ZCode 入门教程 ZCode 是智谱推出的开发者智能体开发环境，也被称作 Agentic Development Environment，简称 ADE，区别于传统编辑器，它搭载可深度操作项目的 AI 助手，能查看项目、修改文件、执行命令并梳理代码变更。 ZCode 可将 AI 智能体接入真实项目，一站式完成需求解析、代码修改、测试、代码评审与上线预检全流程开发工作。 普通 AI 工具只能生成零散代码片段，ZCode 支持用自然语..