乔
乔帮主 · AI 编程教程

你的终极目标——
拥有一个能自动控制电脑
帮你完成任务的 AI

(你可以理解为:要吃到好吃可口的饭菜)

不用学编程、不用懂技术,告诉它做什么,它就做什么。

达成这个目标,需要三样东西

VS Code
代码编辑器——AI 工作的环境,所有操作都在这里完成。
🏠 (就是厨房)
国产 AI 模型
免费的 AI 助手——也能帮你写代码、改文件,简单任务没问题。
👨‍🍳 (家常厨师,炒个蛋炒饭没问题,复杂菜容易翻车)
Claude Code
目前最强的 AI 编程工具——理解整个项目、处理复杂任务、遇到问题自己调试修复,稳定靠谱。
⭐ (米其林大厨,满汉全席也 hold 得住,但在国外,得专门请)
🗣️ 帮主有话说
网上那些教程都在教你"学编程"——
但你不需要学做菜,你只需要请个厨师。
·这个教程先带你体验 AI 控制电脑的感觉。
·想用最强的 Claude Code?最后一页,帮主给你指条明路。
·过程中遇到任何问题?先随便问一个 AI(豆包、DeepSeek 等),99% 都能解决。
·还是搞不定?加帮主微信,直接问。
1
安装 VS Code
AI 的工作环境——像装微信一样装上就行

VS Code 是一个代码编辑器,微软出品,全世界程序员都在用。AI 编程助手需要在它里面运行——你发指令,AI 在这里写代码、建文件、完成任务。

🏠 翻译:VS Code 就是 AI 的厨房——厨师做菜得有个地方,这就是它干活的地方。
点下面的链接下载,然后一路点"下一步"装完。
🪟 下载 Windows 版 🍎 下载 Mac 版
💡装的时候什么都不用改,默认就行,一直点下一步到完成。
✓装好了!VS Code 已就位。接下来简单设置一下,就能用了。
常见问题
VS Code 是免费的吗?
完全免费,微软官方开源项目,全球数千万开发者在用。
我电脑上已经有了,还需要重新装吗?
不需要,直接用就行。建议检查一下是不是最新版:打开 VS Code → 帮助 → 检查更新。
Mac 和 Windows 用起来一样吗?
界面和功能完全一样,后续所有操作步骤通用,不影响。
过程中遇到问题?先随便问一个 AI(豆包、DeepSeek 等),99% 都能解决。还是搞不定?加帮主微信,直接问。
2
初始化工作环境
选个主题颜色,建个项目文件夹

打开 VS Code 后需要做两件事:选择界面主题(纯粹看着舒服)、打开一个文件夹作为工作目录。以后 AI 生成的所有代码文件都会放在这个文件夹里。

🏠 翻译:装修厨房 + 腾出工作台——选个你喜欢的风格,再准备个放东西的地方。
① 打开 VS Code 后你会看到这个画面。选个你喜欢的颜色,其他的都跳过。
Visual Studio Code — 欢迎
Light 浅色
Dark 深色
跟随系统
② 随便在电脑里新建一个文件夹(叫什么都行)。这就是你以后的项目目录。
📁 我的项目
③ 回到 VS Code,点 Open Folder,选你刚建的文件夹。
Visual Studio Code
📂 Open Folder
④ 弹出这个窗口,点 Yes 就行。
🔒 你信任此文件夹中的作者吗?
Do you trust the authors of the files in this folder?
No Yes, I trust
💡这是在问"你信任这个文件夹吗",选 Yes,不然有些功能用不了。
✓工作环境准备好了!接下来,给它装个 AI 大脑。
常见问题
文件夹建在哪里比较好?
桌面或 D 盘都行,只要你自己找得到。建议取个好认的名字,比如"我的项目"。
为什么要点"信任文件夹"?
VS Code 为了安全会限制不信任的文件夹,选 Yes 才能正常使用 AI 插件的全部功能。
主题颜色选错了能改吗?
随时能改。点左下角齿轮 → Color Theme,就可以换。纯粹是外观,不影响功能。
过程中遇到问题?先随便问一个 AI(豆包、DeepSeek 等),99% 都能解决。还是搞不定?加帮主微信,直接问。
3
选一个 AI 助手
不同的插件 = 不同的 AI,能力和门槛各不相同

VS Code 本身只是编辑器——AI 能力来自插件。不同的插件接入不同的 AI 模型,就像不同品牌的手机处理器,性能和价格差异很大。大致分两类:国内 AI 和海外 AI。

👨‍🍳 翻译:厨房搭好了,现在选厨师——不同插件就是不同厨师,手艺和请法都不一样。
🇨🇳 国内 AI 助手
通义灵码 · Cline 中文版 · CodeRider-Kilo
  • ✓在 VS Code 里搜索安装插件
  • ✓支付宝扫码登录即可使用
  • ✓免费额度完全够用
5 分钟搞定,免费上手
🌍 海外 AI(更强)
Claude Code · GitHub Copilot · Cursor
  • ✗国内访问不稳定,配置较复杂
  • ✗需要安装 Node.js 等运行环境
  • ✗需要国际信用卡付费($20/月起)
  • ✗网络环境要求高,新手难搞定
能力最强,但门槛也最高

关键区别:都能帮你做,但做得好不好差很远

👨‍🍳
国内 AI · 家常厨师
炒个蛋炒饭没问题——
复杂菜容易翻车,
你得在旁边盯着纠正。
⭐
Claude Code · 米其林大厨
满汉全席也能 hold 住——
理解整桌菜的搭配,
出问题自己调整。
💡两者都能直接操控你的电脑写代码。区别在于:国内 AI 处理简单任务够用,但复杂项目容易出错,需要你盯着。Claude Code 能理解整个项目,处理复杂任务稳定靠谱,遇到 bug 自己调试修复。
🗣️ 帮主的安排
这个教程先带你用国内 AI——免费、简单、5 分钟上手,先体验 AI 控制电脑的感觉。
想用最强的 Claude Code?最后一页告诉你怎么搞定。
常见问题
国内 AI 和海外 AI 差距大吗?
日常简单任务差不多。但在处理复杂项目、理解上下文、自主调试方面,Claude Code 明显更强——不是"好一点",是代差级别的。
我能同时装多个 AI 插件吗?
可以,但建议先装一个用熟了再试别的,避免混乱。不同插件之间不冲突。
Claude Code 以后自己能搞定吗?
技术上可以,但需要配置网络环境 + 安装 Node.js + 国际信用卡订阅,步骤比较多,大多数人会卡住。加帮主微信,给你指条省心的路。
过程中遇到问题?先随便问一个 AI(豆包、DeepSeek 等),99% 都能解决。还是搞不定?加帮主微信,直接问。
4
安装并激活 AI 助手
装插件 + 扫码登录,两步搞定

以通义灵码为例:先在 VS Code 扩展商店搜索安装,然后支付宝扫码登录即可激活。登录后自动获得免费额度,直接能用。

🪪 翻译:请厨师进门 + 发工牌——装上插件是请厨师,扫码登录是给它开通权限。
① 在 VS Code 左边找到积木图标(扩展商店),搜索「通义灵码」,点 Install。
扩展商店
🔍 通义灵码
通义灵码
TONGYI Lingma · 阿里云
Install
② 装完后,左边会多一个通义灵码的图标。点击它 → 点「登录阿里云」。
通义灵码
登录阿里云
③ 弹出网页后,支付宝扫码授权即可。
📱
打开支付宝 → 扫一扫 → 确认授权
💡登录成功后自动获得免费额度(100 万 token),够用很久。除了通义灵码,「Cline 中文版」「CodeRider-Kilo」也都免费。
✓AI 助手已就绪!接下来,让它帮你做点东西试试。
常见问题
没有支付宝怎么办?
也可以用手机号 + 验证码注册阿里云账号来登录,效果一样。
免费额度用完了怎么办?
100 万 token 够用很久(大约几百次对话)。用完后可以充值,很便宜。也可以换装其他免费插件。
搜不到通义灵码怎么办?
试试搜索英文名 "TONGYI Lingma"。也可以直接搜 "Cline" 或 "CodeRider",都是免费的替代选项。
过程中遇到问题?先随便问一个 AI(豆包、DeepSeek 等),99% 都能解决。还是搞不定?加帮主微信,直接问。
5
让 AI 帮你做第一个东西
用中文下指令,AI 自动生成代码

现在编辑器 + AI 助手都就绪了。直接在 AI 对话框里用中文告诉它你想做什么,它会自动写代码、创建文件——你来体验一下 AI 控制电脑的感觉。

📋 翻译:厨房有了,厨师也到了——现在直接点菜就行。
① 试试这样跟 AI 说:
在通义灵码的对话框里输入:
「帮我做一个好看的生日邀请函网页」
② 然后等着。AI 会自动帮你写代码、建文件。做完后,右键点那个 HTML 文件 → Open with Live Server。
birthday.html — 右键菜单
Open to the Side
Reveal in Finder
Open with Live Server
Rename...
Delete
看到了吗?你什么都没学,但你已经做出了一个东西。🎉
💡没有 Live Server 的话,先在扩展商店搜 "Live Server" 装一个,同样免费。
💡试试更多指令:「做一个记账小工具」「做一个倒计时网页」「做一个个人简历页」——你说什么,AI 就做什么。
到这里,你已经拥有了:
✓AI 的工作环境(VS Code)
✓免费的 AI 编程助手(通义灵码)
✓用中文说话就能做出东西的能力

不过说实话——你刚体验的只是入门级 AI。Claude Code 能做到的事,是另一个量级:

✓理解你整个项目的所有文件,不用一个个喂
✓自己读文件、改文件、跑命令,全程不用你动手
✓遇到报错自己调试修复,不会卡住问你
✓一句话做出完整的网站、工具、小程序
常见问题
AI 生成的代码有 bug 怎么办?
直接告诉它"这里有问题,帮我修一下",AI 会自动修改。多说几次细节,它会越改越对。
什么是 Live Server?
一个 VS Code 插件,让你在浏览器里实时预览网页效果。在扩展商店搜 "Live Server" 安装即可,同样是免费的。
我能让 AI 做什么样的东西?
网页、小工具、数据处理、自动化脚本……基本上你能描述清楚的需求,它都能试着帮你做。描述越具体,效果越好。
国产 AI 和 Claude Code 到底差多少?
两者都能直接帮你写代码。区别在于:国产 AI 像家常厨师,简单菜没问题,复杂菜容易翻车。Claude Code 像米其林大厨,理解整桌菜的搭配,复杂任务也稳定靠谱,出了问题自己调试修复。
过程中遇到问题?先随便问一个 AI(豆包、DeepSeek 等),99% 都能解决。还是搞不定?加帮主微信,直接问。

刚才你体验了 AI 自动写代码的感觉。
很酷,但那只是开胃菜。

想吃满汉全席?
那就得请米其林大厨——Claude Code

👨‍🍳 国产 AI(你刚用的)

  • · 简单任务做得不错
  • · 复杂项目容易改出新 bug
  • · 遇到报错经常绕圈子
  • · 需要你盯着、经常纠正

⭐ Claude Code

  • · 理解整个项目所有文件
  • · 自己读写文件、跑终端命令
  • · 报错自动调试、自动修复
  • · 一句话完成复杂功能

但自己搞 Claude Code,很麻烦:

✗国内网络环境访问不稳定,配置复杂
✗需要安装 Node.js 运行环境(命令行工具,新手容易卡住)
✗需要国际信用卡订阅($20/月起,国内卡不行)
✗网络环境要求高,新手很难自己搞定

帮主帮你全部搞定 ↓

✓帮你安装配置 Claude Code
环境搭建 + 全程指导,你什么都不用管
✓提供稳定的网络连接
无需复杂配置,开箱即用
✓用的时候卡了随时找帮主
技术支持,不懂就问

扫码加帮主微信,聊聊你的需求

乔帮主微信二维码
👆 点二维码可放大 · 微信扫一扫,加帮主为好友
乔帮主 · AI 编程教程
不用学编程,你只管点菜。
qiao-flow.cn
过程中遇到问题?先随便问一个 AI(豆包、DeepSeek 等),99% 都能解决。还是搞不定?扫码加帮主微信,直接问。