![]()
朋友們
最近大家刷沒刷到那個很火的“X了么”APP?
以前找外包做這種帶后臺、能發(fā)郵件的APP
對方張口就是幾千塊
還把代碼當(dāng)傳家寶藏著掖著
現(xiàn)在3個95后成本1000塊錢就估值1000萬了
指北團(tuán)隊(duì)最近正在Vibe Coding做AI項(xiàng)目
這次借這個熱點(diǎn)
記錄一下如何用Claude Code + Skill
花個1-2塊錢30分鐘復(fù)刻一個“X了么”APP
以下的教程
全程不需要你自己寫一行代碼
最終做出來的效果是這樣的——
溫暖一點(diǎn),我們叫它“好著呢”。
![]()
01
準(zhǔn)備工作
1.1 先給電腦裝上大腦
Claude Code(簡稱CC)運(yùn)行需要一個環(huán)境
去 Node.js 官網(wǎng): https://nodejs.org/en/download/
下載安裝最新版本
(這一步能勸退50%的懶人,但你堅(jiān)持一下)
![]()
然后打開電腦的終端
(Windows叫CMD,Mac叫終端)
不用怕,打開復(fù)制下面這行命令,回車就行:
npm install -g @anthropic-ai/claude-code![]()
安裝完輸入
claude --version 搞定!
你現(xiàn)在已經(jīng)是一個擁有硅基助手的“偽程序員”了
![]()
1.2 搞定163郵箱
既然是中國人的APP
必須用國內(nèi)最穩(wěn)的 163郵箱
這里有個99%的人都會踩的坑:
程序發(fā)郵件,不能用登錄密碼!
要用“授權(quán)碼”!
登錄你的163郵箱網(wǎng)頁版
點(diǎn) 設(shè)置 -> POP3/SMTP/IMAP
把服務(wù)開啟
這時候會讓你掃碼
然后給你一串只顯示一次的亂碼
![]()
把這串碼復(fù)制下來!保存好!
這是通往新世界的鑰匙
1.3 編寫“神之咒語” (Skill)
Claude Code 最牛的地方來了
Skill(技能)
你不需要自己寫代碼
你只需要寫一份“需求說明書”
扔給它,它自己學(xué),自己寫
我在桌面上建了個文件夾叫 Haozhene_IOS
里面新建一個文件 SKILL.md
把下面這段話原封不動復(fù)制進(jìn)去:
(我已經(jīng)幫大家調(diào)試了十幾遍,直接抄作業(yè))
5. 在 `sendEmail` 動作中,調(diào)用 `SMTPSender.send(...)`。注意!替換里面你自己的郵箱和授權(quán)碼:
`REPLACE_YOUR_EMAIL` -> 換成你的賬號
`REPLACE_YOUR_AUTH_CODE` -> 換成剛才那串亂碼
注意這里的SKILLS通常是我們事先寫好的技能,
類似于一個更通用的大Prompt。
如果你想寫其它的,也可以。
如果你不會寫,可以讓AI幫你寫。
或者可以去網(wǎng)上搜一搜相關(guān)的SKILLS拿來用。
https://skillsmp.com/zh 是一個SKILLS市場,應(yīng)該能滿足你的很多需求。
![]()
02
見證奇跡
現(xiàn)在,打開終端
輸入cd (注意這里有空格),
然后把你的 Haozhene_iOS 文件夾拖進(jìn)終端,回車。
![]()
然后復(fù)制并修改下面的命令 (這是最關(guān)鍵的一步,請務(wù)必替換你的信息)
請直接在當(dāng)前目錄下生成 ContentView.swift, HaozheneApp.swift, LifeLogic.swift, DirectSMTP.swift 四個文件。不要生成 Xcode 工程文件,只生成代碼文件。"回車!
這時候你可以去倒杯水了
你會看到屏幕上代碼瘋狂滾動
像黑客帝國一樣
Claude Code 正在幫你:
寫框架... 寫樣式... 配置郵箱... 做測試...
這種看著AI給自己打工的感覺
真的
爽!翻!了!
03
啟動!好著呢!
等屏幕停下來
打開你的文件夾,里面應(yīng)該有 4 個 .swift 結(jié)尾的文件。
![]()
3.1 在 Xcode 中組裝 App
Claude 幫我們造好了零件,我們現(xiàn)在要組裝。
如果已經(jīng)安裝Xcode請略過,如果你沒有這個軟件,需要花額外的時間下載一個!
它非常大(十幾 GB),這個的下載安裝可能需要 1-2 小時。
去喝杯咖啡,等它裝好。
裝好后打開 Xcode,首次運(yùn)行,它會彈窗讓你安裝組件(Install components),輸入電腦密碼,等待它全部配置完成。
3.1.1 新建項(xiàng)目
打開 Xcode。
點(diǎn)擊 "Create New Project"。
![]()
選擇 iOS -> App -> Next。
![]()
Product Name: 填 Haozhene。
Interface: 選 SwiftUI。
Language: 選 Swift。
Organization Identifier: 填 com.yourname (比如 com.zhangsan,這個很重要,后面要用)。
點(diǎn)擊 Next,保存在 Haozhene_iOS 文件夾旁邊。
![]()
3.1.2 搬運(yùn)代碼
打開剛剛生成的代碼文件夾,將4個.swift 文件,直接拖進(jìn) Xcode 左側(cè)的文件列表中,覆蓋已有的文件。
3.1.3 本地運(yùn)行測試
選擇一個模擬器,如 iPhone 17 Pro Max
![]()
點(diǎn)擊左上角三角形的播放按鈕。
模擬器啟動,APP 運(yùn)行!
輸入你的信息、名字和接收郵箱,點(diǎn)擊發(fā)送。
如果看到成功提示,且收到了郵件,恭喜你,APP 開發(fā)完成了!
![]()
![]()
雖然步驟看起來多,但真正的難點(diǎn)(寫代碼)已經(jīng)被 AI 解決了。
你所做的,只是扮演一個產(chǎn)品經(jīng)理和測試員的角色。
04
(進(jìn)階)上架App Store
如果你還想上架 App Store,你需要進(jìn)行以下額外操作(這部分指北沒有實(shí)操,如果有bug記得評論區(qū)反饋給我!)
4.1 賬號注冊
需要通過 Apple Developer App 注冊一個開發(fā)者賬號。
要Money 688一年。
![]()
4.2 App Store Connect 準(zhǔn)備
登錄 appstoreconnect.apple.com。
點(diǎn)擊 "我的 App" -> 左上角 "+" -> "新建 App"。
![]()
填寫信息:
名稱:好著呢 - 生命倒計時 (名字不能重復(fù),如果重復(fù)了就改改)。
語言:簡體中文。
套裝 ID:選你剛才 Xcode 里設(shè)置的那個 (com.zhangsan.Haozhene)。
SKU:填一個唯一標(biāo)識符,如 Haozhene_2026_01
隱私政策網(wǎng)址 (Privacy Policy URL):必須提供(可以百度搜“APP隱私政策生成器”,生成一個鏈接填進(jìn)去)。
技術(shù)支持網(wǎng)址 (Support URL):用戶反饋問題的網(wǎng)頁,可以和隱私政策用同一個。
描述與關(guān)鍵詞:描述 App 功能;關(guān)鍵詞(100字符內(nèi))決定了搜索曝光。
點(diǎn)擊創(chuàng)建。
準(zhǔn)備素材(需要你自己做一下):
APP 圖標(biāo):找個 AI 作圖,生成一個深藍(lán)色的時鐘圖標(biāo)。
去 appicon.co 網(wǎng)站,生成 iPhone 格式圖標(biāo)包,拖入 Xcode 的 Assets 里。
![]()
截圖:在模擬器里運(yùn)行 APP,截圖。
你需要上傳 6.5 英寸(iPhone Max)和 5.5 英寸(iPhone 8 Plus)的截圖
(模擬器里可以切換機(jī)型截圖)
4.3 打包上傳與提交審核
這是最后一步!
配置簽名:
在 Xcode 左側(cè)點(diǎn)擊最頂部的藍(lán)色 Haozhene 圖標(biāo)。
點(diǎn)擊右側(cè) Signing & Capabilities。
Team:選擇你剛剛買了會員的賬號。
![]()
打包 (Archive):
Xcode 頂部設(shè)備選擇 "Any iOS Device (arm64)" (這一步必須選這個,不能選模擬器)。
點(diǎn)擊菜單欄 Product -> Archive。
等待編譯,完成后會彈出一個窗口。
![]()
上傳 (Distribute):
點(diǎn)擊右側(cè) "Distribute App"。
選擇 App Store Connect -> Upload -> Next。
一路默認(rèn) Next,直到點(diǎn)擊 Upload。
等待上傳成功。
提交審核:
回到網(wǎng)頁版的 App Store Connect。
在你的 APP 頁面下方,找到 "構(gòu)建版本",點(diǎn)擊添加(剛上傳的可能要等 10 分鐘才會顯示)。
分級:全選“無”。
點(diǎn)擊右上角的 "添加以供審核"。
隨后狀態(tài)會變?yōu)椤罢诘却龑徍恕薄?/p>
通常在 24-48 小時內(nèi)會有審核結(jié)果!
以上,這就OK啦~
朋友們
指北用了幾天Claude Code后覺得
技術(shù)平權(quán)的時代真的已經(jīng)來了!
無論你是想做一個“好著呢”還是想做一個“喝水沒”
只要你有想法 AI就能幫你實(shí)現(xiàn)
想試一試的朋友
趕緊動手吧!
記得給我一鍵三連
![]()
本文系“西二旗生活指北”原創(chuàng)
轉(zhuǎn)載請標(biāo)明出處
制作:編輯部
全網(wǎng):西二旗生活指北
特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺“網(wǎng)易號”用戶上傳并發(fā)布,本平臺僅提供信息存儲服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.