我花5分钱,让AI撸了一个值几百块的登录页
这篇文章分享了作者使用AI工具OpenCode和DeepSeek快速开发登录页面的经历。原本需要半天时间完成的工作,通过AI仅用10分钟、花费5分钱就完成了,包括Vue3项目搭建、主题切换、响应式设计和第三方登录集成等功能。作者对比了ClaudeCode的高昂费用(200美元/月),认为DeepSeek+OpenCode的组合实现了"AI民主化",让普通开发者也能低成本使用顶级
上周用Claude Code做页面,被扣了200多块钱。
今天用这个方法,只花了5分钱。
先给你看效果
这是我今天上午让AI做的一个登录页面。
暗黑主题:

明亮主题,一键切换:

手机上长这样:

有没有那种「花了2000块外包」的质感?
实际上,从「我想做个登录页」到「页面跑起来」,我一共花了 ——
不到10分钟,花了5分钱。
事情是这样的
最近手头有个小项目,缺个登录页面。
本来打算自己撸,但一想到要:
-
写Vue组件
-
调Tailwind样式
-
做响应式适配
-
搞暗黑/明亮主题切换
-
加第三方登录icon……
我算了算,半天起步。
然后我想起来,前两天刷GitHub热榜,看到一个叫opencode的项目,号称是「Claude Code平替」,而且支持DeepSeek。
说干就干。
一句话,AI开始干活
我把需求丢给opencode,就一句话:
使用vue3+tailwind.css帮我生成一个注册登录的页面,不需要后端,只需要前端。要求前端页面全响应自适应。颜色主题可以切换,登录页面需要第三方登录的主流icon,要求页面有科技感。
然后我去倒了一杯水。
回来一看 ——
项目已经建好了。
Vue3 + Vite项目初始化完了,Tailwind配好了,登录页、注册页、主题切换、第三方登录icon……全都有。
整个过程零报错,直接`npm run dev`就能跑起来。
我当时看着浏览器里的页面,愣了三秒。
成本算给你看
我看了 DeepSeek 的官方计费文档,但里面的 token 计算公式对普通用户来说并不直观,所以我干脆用最简单的方式来记录成本:直接看账户余额变化。
这个月到目前为止,我一共花了 0.10 元人民币。
在开始用 DeepSeek 做这个页面之前,我先记录了一次账户余额;页面完成后,我又记录了一次账户余额。两次余额之间的差额,就是这次生成页面的大致花费。
这种算法虽然不如官方 token 统计精确,但对普通使用者来说,已经足够直观:做一个页面,到底花了多少钱,一看余额差就知道。

为什么是「真香」,而不只是「便宜」
便宜没好货,这个道理我懂。
但这次真的不一样。
① 主题切换是真好用
点了切换按钮,从赛博朋克风秒变商务风。
这个功能如果自己写,怎么也得折腾一小时。
AI直接给我封装成了一个`ThemeToggle.vue`组件,还帮我用localStorage做了持久化 —— 刷新页面主题不会丢。
② 响应式是真的不用调
手机上看,自动变成单列布局,输入框和按钮大小刚好适合手指点。
我之前自己写响应式,光media query都要调半天。
③ 第三方登录icon直接集成
Google、GitHub、微信…… FontAwesome icon直接引入,不用自己找图。
怎么做到的?(手把手版)
不想看原理的可以直接跳到后面。
第一步:装opencode
curl-fsSLhttps://opencode.ai/install|bash
第二步:配DeepSeek的API
opencode兼容OpenAI格式的API,所以DeepSeek可以直接用。
opencode
/connect
按照指示选择deepseek
输入apikey
选择模型
第三步:开聊
opencode
输入你的聊天内容
然后就像聊天一样,把你的需求告诉它。
不用写得很规范,大白话就行。
这事真正让我震撼的地方
不是「5分钱做一个页面」。
这件事本身不值钱。
真正震撼的是 —— AI编程正在变成「日常工具」,而不是「奢侈品」。
Claude Code很好用,但200美金一个月,对于个人开发者来说,还是贵。
我身边很多做独立开发的朋友,都在「想用但舍不得」的边缘试探。
而DeepSeek + opencode这个组合的出现……
让每个普通开发者,都能用上顶级的AI编程助手。
而且便宜到可以忽略不计。
这才是真正的「AI民主化」。
适合谁用?
✅独立开发者—— 快速出原型,验证想法
✅前端初学者—— 让AI帮你写,顺便学习代码组织方式
✅产品经理—— 自己做demo,不用等研发排期
❌核心业务代码—— 重要逻辑一定要人工review
❌超大型项目—— 架构设计还是人来做比较靠谱
最后一句话
5分钱买不了吃亏,买不了上当。
但能买到一个「AI编程助手」,和「不再为贵到离谱的订阅费纠结」的自由。
我今天体验完的最大感受是:
2026年,不会用AI辅助编程的开发者,真的会被淘汰。
但不是因为「AI太强」,而是因为 ——
你的竞争对手,正在用5分钱的成本,做你花几百块钱才能做的事。
你用过哪些AI编程工具?
欢迎在评论区分享你的体验和成本对比 👇
如果这篇文章对你有帮助,点个「在看」告诉我 😊
下期预告:我用同样的方法,让AI帮我做了一个完整的后台管理系统,花费……你猜?
更多推荐

所有评论(0)