【零基础 AI 编程】Vibe Coding 小白指南第一课

Vibe Coding 小白指南第一课

做这个账号的初衷是分享 AI 编程相关内容,我们技术团队很早就开始全员 AI 编程,其中踩了非常多的坑,随着 AI 技术的发展,AI 编程能否让非计算机专业人群轻松上手,成为了我新的思考方向。

经过一段时间的实践,成功教会非计算机专业的同事使用"codex"画原型和写一些脚本,我觉得是时候了!

适合谁?

  • 熟练使用电脑:能正常操作 Windows/Mac/Linux 设备,会安装软件、日常办公基础操作。
  • 零基础纯小白:想使用 AI 编程做工具/产品,但是不知道从哪里开始。
  • 产品经理/运营等:想自己动手,不再依赖开发。

当下 AI 会写代码,你主要负责思考:"要做什么、如何下达指令让 AI 完成",重点讲解AI 协作编程方法论,核心是学习使用 AI 达成目标,而不是学习编程语言。

理论部分

软件运行平台介绍

  • 本地桌面 windows / macos / Linux
  • 浏览器 web 谷歌、Firefox、360等
  • 移动端 App 苹果、安卓、鸿蒙

微信小程序属于移动端

技术架构介绍

我们可以把所有的技术分简单划分为三类:前端/后端/数据库,本文偏向零基础科普,所以我会用一些更好理解,但不是那么严谨的比喻帮助大家理解。

以寄快递小程序:

  • 前端 就是你能够看到的界面,能够点击下单,查看订单,这些=="能看到、能操作"==的东西都是前端的范畴。
  • 后端 就像是快递公司的工作人员,他们收到你的下单,有快递员上门取件、派送,这些是=="看不见"==的背后动作。
  • 数据库 数据库就是台账本,记录每一个快递的寄件人、收件人、状态、快递员去查看和更新这个台账本。

似懂非懂也没关系,不用深究细节,这是一个需要慢慢消化的过程,课程会循序渐进带你上手。

最适合小白的技术架构

我们在学习和实践阶段均使用 ==python(后端) + vue(前端) + mysql(数据库)==的技术栈组合,既能满足最小学习路线,也满足技术和业务深度要求。

  • python(后端) AI 训练数据集体量庞大,AI 生成的 Python 代码出错率更低、代码质量更稳定。
  • vue(前端) 是国内使用最多的前端技术框架,在移动端有着 uniapp的加成,是我们实践并认为的最优解。
  • mysql(数据库) 作为免费、使用量大,安装简单的数据库是不错的选择。

其实现阶段无需过多关心其他编程语言,掌握方法论之后,通过深度使用 python 和 vue 后,再慢慢去了解其他相关技术就更加轻松。

实践部分

首先介绍 AI 编程的主要工具,从质量 到 价格 我们目前认为 codex 都是最优,所以接下来的教程全程以 codex 为主,当然方法论是可以使用在任何工具上,如果无法使用 codex 推荐:kimi2.5、GLM、MiniMax等国产选择。

工具安装教程

以 kimi 为例,进入工具官网:kimi 官网

(1) 打开 kimi code 的网址,进入 kimi code 。

(2)先选择你的操作系统,然后复制安装命令,打开 终端或者CMD等 执行这个命令即可。

如果比如不知道如何执行 CMD 或者 安装报错时,都可以打开豆包/千问/元宝等 AI 工具,把错误截图或者复制粘贴给他,他会一步步帮你安装完成。

其他AI Code 工具均按照上述方式安装。

codex 较为复杂,课自行查阅资料安装,善用 AI 工具,更快解决问题~

小试牛刀,先满足一点点成就感

安装完成 AI 工具后,可以直接在终端(CMD)中执行:codex 或者 kimi 等命令,具体以你安装的 AI 编程工具为准,进入 CLI 控制台。

上面讲了什么是CLI(终端),不再赘述,我们在CLI 中输入:

复制代码
请使用 html(index.html) 帮我生成一个烟花动效的页面,五秒钟之后要出现:主标题:"hello world" 副标题:"恭喜你完成了第一个 AI 编程的网页。"

请直接复制这段提示词给 AI,并执行回车,等待他生成完成后,你进入当前文件夹(就是你执行终端的文件夹),使用浏览器打开这个 index.html 。

就可以收获你的第一个 vibe Coding 作品!

代码运行环境准备

如果你已经安装好 codex / kimi code 等 AI编程工具,那太好了,你可以直接使用AI来帮助你安装运行环境。

你可以这样说:

复制代码
帮我在当前电脑中安装 python 3 +版本,
并完成环境验证,如果遇到问题你帮我解决,
最后完成后你要明确告诉我:"python环境安装完成"。

等AI 告诉你 python环境安装完成,你继续安装 nodejs(vue 是基于 nodejs 运行的)。

复制代码
帮我在当前电脑中安装 nodejs最新版本,
并完成环境验证,最后完成后你要明确告诉我:"nodejs环境安装完成"。

最后是安装 mysql 这个可能是最复杂的,需要点时间,这条指令也不一定能解决,如果遇到问题请善用 AI 工具帮助你完成安装。

复制代码
帮我在当前电脑中安装 mysql 8 +版本,
并完成环境验证,记住 root 密码要帮我设置复杂一点并且告诉我,端口号帮我改成 3301,,最后完成后你要明确告诉我:"mysql环境安装完成"。

特别说明:mysql 的 root 密码你要记录下来,端口号为啥要改成 3301 主要是防止被攻击(默认的密码太容易被扫描工具)

本节课结尾

本节讲了所需的基本理论知识和依赖环境安装,当然都不是非常深入和详细,跟着本篇文章一步步来,并且成功完成所有实践部分,相信你能收获满满的成就感,接下来我们会通过实战一些小项目来继续带你学习 AI 编程,下节见。

相关推荐
电商API_180079052472 小时前
反向海淘是什么?现状如何?未来趋势如何?
数据库·人工智能·笔记·性能优化·数据挖掘·网络爬虫
硅基流动2 小时前
硅基流动上线阿里 Z-Image
人工智能
SLD_Allen2 小时前
从Prompt、Context到Harness,工程的三次进化
人工智能·prompt·上下文·harness
企学宝2 小时前
企学宝课程开发与知识管理解决方案:零售、金融、制造等多行业落地实践
人工智能·零售·企业培训
云边云科技_云网融合2 小时前
跨国零售企业网络升级实践:如何打通全球零售网络
人工智能·云计算
X54先生(人文科技)2 小时前
X54先生与奇点先生关于AGI和ASI发展的对话
人工智能·开源·开源协议·零知识证明
测试员周周9 小时前
【Appium 系列】第16节-WebView-H5上下文切换 — 混合应用的自动化难点
运维·开发语言·人工智能·功能测试·appium·自动化·测试用例
K姐研究社11 小时前
怎么用AI制作电商口播视频,开拍APP一键生成
人工智能·音视频
LaughingZhu11 小时前
Product Hunt 每日热榜 | 2026-05-21
前端·人工智能·经验分享·chatgpt·html