我用Claude Code、花費100元Token詞元開發一個三合一收款碼網站

我用Claude Code、花費100元Token詞元開發一個三合一收款碼網站

大家好，我是星哥。自己想做一個微信、支付寶、QQ錢包三合一收款碼（實際能不能走通現在還不知道，只是一個想法），要是能整合到一個網站上，點擊就能跳轉對應收款頁，檔次立馬上去。

直到Claude Code出來，我發現AI結對編程的效率直接拉滿——不用精通前端后端，不用熬夜寫代碼，甚至不用花大價錢請程序員，只用了100元的Token詞元，就從零搭建好了一個可自定義、無廣告、適配手機和電腦的三合一收款碼網站。

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

一、開發環境介紹

• 
  

  ? 系統：Windows11

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

• ? 大模型：硅基流動的Kimi-K2.6【沒有渠道購買claude的大模型】

環境部署可以看星哥之前寫的文章

二、前端展示

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

三、花費，一共122.41元

后臺花費截圖，token數和人民幣。

第一天消耗96.34元

第二天26.07元

注冊硅基流動賬號

https://cloud.siliconflow.cn/i/kYj0toCC （打個廣告，通過這個鏈接你和星哥可以獲取16元體驗金）

• ? 完成實名認證，贈送 16 元體驗金

• ? 模型多、響應快，專門適配 AI Agent 場景

• ? 接入簡單，國內網絡穩定

  
  

Vibe Coding，氛圍編程，主打一個氛圍

1.提示詞：

可以讓AI幫你優化提示詞再喂給CC。

                                                           給我開發一個qq、微信、支付寶，個人收款碼三合一的網站
要求如下
1.功能是用戶上傳qq、微信、支付寶收款碼
2.生成一個三合一的收款碼
3.界面美觀、大方、現代，支持手機端訪問

經過一段時間的yes同意，之后呈現最終的結果

2.開源到github

提示詞

                                                           我的github賬號是：
https://github.com/xgssnet
XXXXX@XXXX.163
XXXXX
把這個項目開源到github中

最后這種方式不支持開源github了

提示

                                                           我已經完成了本地 Git 倉庫的初始化，但遇到了一個關鍵問題：GitHub 已于 2021  s)
  年停止支持密碼認證，需要使用 Personal Access Token (PAT)。────────────────────────────────────────

   當前進度                                                                                          

   - ? Git 倉庫已初始化                                                                               - ? .gitignore 已創建（排除了 node_modules、數據庫等）
  - ? 37 個源代碼文件已提交
  - ? GitHub 推送需要 Token 認證

Personal Access Token：

請前往 GitHub 創建 Personal Access Token：

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

4.把開源項目命名為TriPay

之前的命名不好聽，把項目名稱改一下。

TriPay

寓意：Tri 三重 + Pay 支付，直白體現三合一收款

5.再把代碼開源到github

提示詞

                                                           把這個項目開源到github中 https://github.com/xgssnet/TriPay
我的Personal access tokens (classic)是： XXXXXXXXXXXXXXXX

最終效果

現在不知道能不能上線運行，估計如果有bug再讓CC來修復就行。完全不再需要古法編程了！

總結

整個開發過程，我從安裝Claude Code，總共花了不到1小時，再喂給大模型提示詞+調試，中間再去干點別的，24小時，Token成本100+元，就搭建好了一個可自定義、無廣告、適配所有設備的三合一收款碼網站。

對比傳統開發方式：請程序員開發這樣的網站，至少要500-1000元，而且修改起來很麻煩；用現成模板，要么有廣告，要么功能受限，自定義性差。而用Claude Code，只要100元Token預算，就能實現全自定義，新手也能跟著做，不用懂代碼，不用熬夜加班。

代碼和程序員真不值錢了！Claude Code這樣的工具，不僅能提高開發效率，還能大幅降低開發成本，不管是自己做小項目，還是給朋友幫忙，都很實用。