我用Claude Code、花費(fèi)100元Token詞元開(kāi)發(fā)一個(gè)三合一收款碼網(wǎng)站

大家好，我是星哥。自己想做一個(gè)微信、支付寶、QQ錢(qián)包三合一收款碼（實(shí)際能不能走通現(xiàn)在還不知道，只是一個(gè)想法），要是能整合到一個(gè)網(wǎng)站上，點(diǎn)擊就能跳轉(zhuǎn)對(duì)應(yīng)收款頁(yè)，檔次立馬上去。

直到Claude Code出來(lái)，我發(fā)現(xiàn)AI結(jié)對(duì)編程的效率直接拉滿——不用精通前端后端，不用熬夜寫(xiě)代碼，甚至不用花大價(jià)錢(qián)請(qǐng)程序員，只用了100元的Token詞元，就從零搭建好了一個(gè)可自定義、無(wú)廣告、適配手機(jī)和電腦的三合一收款碼網(wǎng)站。

今天就把整個(gè)實(shí)操過(guò)程分享給大家，全程干貨，新手也能跟著做，花100元就能擁有自己的專屬收款網(wǎng)站，不管是自己用還是給朋友做，都很實(shí)用。

一、開(kāi)發(fā)環(huán)境介紹

• 
  

  ? 系統(tǒng)：Windows11

• ? 工具：claude code 【命令行cli】+ cc-switch.exe

• ? 大模型：硅基流動(dòng)的Kimi-K2.6【沒(méi)有渠道購(gòu)買(mǎi)claude的大模型】

環(huán)境部署可以看星哥之前寫(xiě)的文章

二、前端展示

CC代碼編程，最終的web界面。

三、花費(fèi)，一共122.41元

后臺(tái)花費(fèi)截圖，token數(shù)和人民幣。

第一天消耗96.34元

第二天26.07元

注冊(cè)硅基流動(dòng)賬號(hào)

https://cloud.siliconflow.cn/i/kYj0toCC （打個(gè)廣告，通過(guò)這個(gè)鏈接你和星哥可以獲取16元體驗(yàn)金）

• ? 完成實(shí)名認(rèn)證，贈(zèng)送 16 元體驗(yàn)金

• ? 模型多、響應(yīng)快，專門(mén)適配 AI Agent 場(chǎng)景

• ? 接入簡(jiǎn)單，國(guó)內(nèi)網(wǎng)絡(luò)穩(wěn)定

  
  

Vibe Coding，氛圍編程，主打一個(gè)氛圍

1.提示詞：

可以讓AI幫你優(yōu)化提示詞再喂給CC。

                                                           給我開(kāi)發(fā)一個(gè)qq、微信、支付寶，個(gè)人收款碼三合一的網(wǎng)站
要求如下
1.功能是用戶上傳qq、微信、支付寶收款碼
2.生成一個(gè)三合一的收款碼
3.界面美觀、大方、現(xiàn)代，支持手機(jī)端訪問(wèn)

經(jīng)過(guò)一段時(shí)間的yes同意，之后呈現(xiàn)最終的結(jié)果

2.開(kāi)源到github

提示詞

                                                           我的github賬號(hào)是：
https://github.com/xgssnet
XXXXX@XXXX.163
XXXXX
把這個(gè)項(xiàng)目開(kāi)源到github中

最后這種方式不支持開(kāi)源github了

提示

                                                           我已經(jīng)完成了本地 Git 倉(cāng)庫(kù)的初始化，但遇到了一個(gè)關(guān)鍵問(wèn)題：GitHub 已于 2021  s)
  年停止支持密碼認(rèn)證，需要使用 Personal Access Token (PAT)。────────────────────────────────────────

   當(dāng)前進(jìn)度                                                                                          

   - ? Git 倉(cāng)庫(kù)已初始化                                                                               - ? .gitignore 已創(chuàng)建（排除了 node_modules、數(shù)據(jù)庫(kù)等）
  - ? 37 個(gè)源代碼文件已提交
  - ? GitHub 推送需要 Token 認(rèn)證

Personal Access Token：

請(qǐng)前往 GitHub 創(chuàng)建 Personal Access Token：

                                                           1. 登錄 https://github.com/xgssnet
2. 點(diǎn)擊右上角頭像 → Settings
3. 左側(cè)菜單底部 → Developer settings → Personal access tokens → Tokens (classic)
4. 點(diǎn)擊 Generate new token (classic)
5. 勾選 repo 權(quán)限（完整倉(cāng)庫(kù)訪問(wèn)）
6. 生成后復(fù)制 Token

4.把開(kāi)源項(xiàng)目命名為T(mén)riPay

之前的命名不好聽(tīng)，把項(xiàng)目名稱改一下。

TriPay

寓意：Tri 三重 + Pay 支付，直白體現(xiàn)三合一收款

5.再把代碼開(kāi)源到github

提示詞

                                                           把這個(gè)項(xiàng)目開(kāi)源到github中 https://github.com/xgssnet/TriPay
我的Personal access tokens (classic)是： XXXXXXXXXXXXXXXX

最終效果

現(xiàn)在不知道能不能上線運(yùn)行，估計(jì)如果有bug再讓CC來(lái)修復(fù)就行。完全不再需要古法編程了！

總結(jié)

整個(gè)開(kāi)發(fā)過(guò)程，我從安裝Claude Code，總共花了不到1小時(shí)，再喂給大模型提示詞+調(diào)試，中間再去干點(diǎn)別的，24小時(shí)，Token成本100+元，就搭建好了一個(gè)可自定義、無(wú)廣告、適配所有設(shè)備的三合一收款碼網(wǎng)站。

對(duì)比傳統(tǒng)開(kāi)發(fā)方式：請(qǐng)程序員開(kāi)發(fā)這樣的網(wǎng)站，至少要500-1000元，而且修改起來(lái)很麻煩；用現(xiàn)成模板，要么有廣告，要么功能受限，自定義性差。而用Claude Code，只要100元Token預(yù)算，就能實(shí)現(xiàn)全自定義，新手也能跟著做，不用懂代碼，不用熬夜加班。

代碼和程序員真不值錢(qián)了！Claude Code這樣的工具，不僅能提高開(kāi)發(fā)效率，還能大幅降低開(kāi)發(fā)成本，不管是自己做小項(xiàng)目，還是給朋友幫忙，都很實(shí)用。