不用写一行代码，也能开发自己的小应用？AI编程工具让这成为现实。本文将从零开始，手把手带你搭建AI编程环境，并通过一个真实案例让你体验不会编程也能写出程序的成就感。

第一步：选对你的“AI编程搭档”

在开始之前，你需要选择一款适合自己的AI编程工具。目前主流工具可以分为两类，我整理了一个对比表格供你参考：

给新手的选型建议

如果你是第一次接触AI编程，我建议按以下优先级尝试：

1. 优先尝试国产工具：如腾讯云CodeBuddy、通义灵码、CodeGeeX。它们国内直连，无需翻墙，中文支持好，响应速度快，对新手极其友好。
2. 如果确实想体验国外工具：如Cursor、GitHub Copilot、Codeium，请提前准备好可靠的代理工具。安装和登录过程大概率需要访问国外网站，没有代理会遇到各种网络问题，影响体验。

本文将以“VS Code + 腾讯云CodeBuddy”组合为例进行后续讲解，这套组合既能享受VS Code的丰富生态，又能获得国内流畅的AI体验。

第二步：手把手搭建你的AI编程环境

2.1 安装VS Code（你的编程工作台）

1. 下载：打开浏览器访问 VS Code官网，网站会自动识别你的操作系统，点击下载按钮。
2. 安装（以Windows为例）：
3. 双击安装包，同意许可协议。
4. 关键一步：在“选择附加任务”界面，建议勾选所有选项，特别是“添加到PATH”和“将‘通过Code打开’添加到……菜单”。这能让你以后在任何文件夹右键直接用VS Code打开。
5. 之后一路“下一步”完成安装。
6. 首次启动与汉化：
7. 打开VS Code，点击左侧活动栏最下方的扩展图标（或按 Ctrl+Shift+X）。
8. 在搜索框输入 Chinese，找到“Chinese (Simplified) Language Pack”点击安装。
9. 安装后根据提示重启，界面就变成中文了。

2.2 安装AI插件（给你的工作台装上大脑）

1. 在扩展面板搜索框中输入 Tencent Cloud CodeBuddy 或直接搜索 CodeBuddy。
2. 找到由腾讯云官方发布的插件（发布者为 Tencent），点击安装。
3. 安装完成后，左侧活动栏会出现一个新的CodeBuddy图标（像一个对话气泡），点击它。
4. 在打开的侧边栏中点击“登录”，用手机号或微信扫码完成授权。登录成功后，插件就正式激活了。

如果你选择国外插件（如Codeium）：安装后可能会遇到下载language server失败、登录页打不开等问题。解决方案是提前配置好系统代理，并在VS Code设置中搜索“proxy”，填入你的代理地址（如 http://127.0.0.1:7890）。如果实在搞不定代理，建议换回国产插件。

2.3 配置编程语言环境（以Python为例）

虽然AI能生成代码，但运行代码需要你电脑里有对应的“翻译官”。这里以最常用的Python为例：

1. 安装Python解释器：
2. 访问 Python官网，下载最新版Python。
3. 安装时最重要的一步：务必勾选 “Add Python to PATH”，然后点击“Install Now”。
4. 在VS Code中安装Python插件：
5. 回到扩展面板，搜索 Python，安装由微软官方提供的那一个。这个插件提供代码提示、调试等功能。
6. 安装Code Runner（一键运行神器）：
7. 搜索并安装 Code Runner。安装后，代码编辑窗口右上角会出现一个“▶️”图标，点击它就能直接运行当前代码，无需手动打开终端。

至此，你的AI编程环境已经搭建完成！

第三步：实战案例——开发一个“个人记账本”小程序

理论知识学再多，不如动手做一个真实项目。下面我们通过一个个人记账本小程序，完整体验AI编程的全流程。

3.1 项目需求（你想做什么）

一个简单的记账本，需要具备以下功能：

• 可以记录每笔收支的金额、备注、类型（收入/支出）
• 所有记录保存在浏览器本地（不用后端）
• 可以查看所有历史记录列表
• 显示当前总余额（收入-支出）

3.2 让AI帮你规划项目结构（Craft模式）

1. 在CodeBuddy侧边栏，将模式开关从 “Chat” 切换到 “Craft”（智能体模式）。
2. 在输入框中输入以下指令：
3. 请帮我开发一个“个人记账本”小程序，用HTML、CSS和JavaScript实现。功能要求：
1. 有一个表单，包含：金额输入框（数字）、备注输入框（文本）、收支选择下拉框（收入/支出）、提交按钮。
2. 提交后，将记录保存在浏览器的localStorage中。
3. 下方显示所有历史记录列表，每条记录显示金额、备注、类型、删除按钮（可删除）。
4. 顶部显示当前总余额（总收入-总支出）。
5. 界面简洁美观，响应式设计。
4. 按下回车，Craft模式开始工作。你会看到它“思考”的过程，然后自动创建 index.html、style.css、script.js 三个文件，并写入完整代码。整个过程大约30-60秒。

3.3 运行并测试你的第一个应用

1. 在VS Code中打开生成的 index.html 文件。
2. 右键点击编辑器空白处，选择 “Open with Live Server”（如果你之前安装了Live Server插件）或者直接用浏览器打开文件。
3. 浏览器中会出现一个记账本界面。试着添加几条收支记录，看看余额是否正确，列表是否正常显示。
4. 恭喜！你已经完成了一个真正能用的应用开发。全程你只动了嘴，没写一行代码。

3.4 扩展功能：让AI优化和添加新功能

成就感满满之后，你可以继续和AI对话，让它帮你优化或添加新功能：

我想给记账本增加一个“编辑”功能，点击每条记录旁边的编辑按钮，可以修改金额和备注。请帮我实现。

AI会自动修改相关代码，你只需刷新页面就能看到新功能。

第四步：深入理解——如何让AI更懂你的业务

随着项目复杂度增加，你需要让AI更准确地理解你的业务逻辑。这涉及到如何编写高质量的提示词，以及如何利用AI的记忆能力。

4.1 编写高质量提示词的技巧

4.2 让AI记住你的项目上下文

CodeBuddy的Craft模式会自动“记住”你当前项目的文件结构和内容。当你提出新需求时，它会自动参考已有代码，保持风格一致。

你也可以主动告诉AI项目背景：

我们正在开发的记账本项目，使用HTML/CSS/JS，数据存在localStorage。接下来的所有修改请基于这个背景。

这样AI的回答会更贴合你的项目。

第五步：关于费用与调用机制——彻底搞懂“谁在收费”

这是新手最容易困惑的地方，我用一张表和几个场景说明一下。

5.1 CodeBuddy的收费模式

5.2 如果我配置了自己的API Key（如DeepSeek）呢？

当你手动配置了DeepSeek的API Key，并在CodeBuddy中选中使用该模型时：

• 消耗的是DeepSeek账户余额（按token计费）
• 不再消耗CodeBuddy的免费次数
• CodeBuddy仅作为“通道”，不额外收费

不会双重扣费：你的请求只经过CodeBuddy转发，但计费在DeepSeek端，CodeBuddy不会重复扣你的次数。

5.3 “Auto”模式下，到底用了哪个模型？

当你选择“Auto”模式时，CodeBuddy会根据任务复杂度自动挑选最合适的模型（可能是混元、DeepSeek等）。无论它选哪个，消耗的都是CodeBuddy自己的资源（你的免费次数或积分），与你是否购买DeepSeek的API Key无关。

总结一句话：

• 用CodeBuddy内置模型 → 消耗CodeBuddy次数
• 用自己配置的API Key → 消耗外部模型余额，CodeBuddy只转发

最后：给新手的三个成长建议

1. 从小项目开始，积累成就感：不要一上来就想做电商平台。从记账本、待办清单、天气查询这些小工具开始，每次1小时就能完成，持续的正反馈是坚持下去的动力。
2. 学会“调教”AI：AI不是万能的，你需要学会如何清晰地表达需求。多练习写提示词，多观察AI的回应，慢慢你就能和AI默契配合。
3. 保持好奇，不断扩展：当你熟悉了基础流程后，可以尝试接入API Key、使用MCP协议扩展AI能力、甚至将自己开发的小程序部署到云服务器上。AI编程的世界很大，每一步探索都会有新惊喜。

你的第一个AI编程项目想做什么？ 是记账本、日程管理，还是一个小游戏？欢迎在评论区留言。