上周用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帮我做了一个完整的后台管理系统,花费……你猜?

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐