目錄

第 一部分 基礎(chǔ)

第 1章 顛覆傳統(tǒng)的氛圍編程 3

1.1 用氛圍編程快捷解決實際問題 3

1.1.1 用豆包批量改文件名 3

1.1.2 用Cursor將Markdown文檔轉(zhuǎn)換為Word文檔 5

1.2 什么是氛圍編程 9

1.2.1 顛覆傳統(tǒng)的氛圍編程極簡史 9

1.2.2 氛圍編程的定義 12

1.2.3 在手機上用Kimi生成第 一段代碼 13

1.2.4 氛圍編程中各個角色及其關(guān)系 15

1.2.5 氛圍編程工具 21

1.2.6 大模型生成文本類內(nèi)容的技術(shù)簡介 22

1.2.7 推理大模型的興起 25

1.2.8 大模型發(fā)展趨勢與未來展望 26

1.2.9 氛圍編程的潛在風(fēng)險 27

1.2.10 氛圍編程的風(fēng)險應(yīng)對 29

1.3 非IT背景的人的氛圍編程應(yīng)用場景 30

1.3.1 辦公自動化 31

1.3.2 數(shù)據(jù)分析與可視化 31

1.3.3 應(yīng)用原型快速實現(xiàn) 31

1.3.4 個人事務(wù)提效 32

1.4 有IT經(jīng)驗的人的氛圍編程應(yīng)用場景 32

1.4.1 快速原型開發(fā) 32

1.4.2 開發(fā)效率提升 33

1.4.3 跨技術(shù)棧探索 33

1.5 IT新人的氛圍編程應(yīng)用場景 34

1.5.1 基礎(chǔ)技能學(xué)習(xí) 34

1.5.2 項目實戰(zhàn)練習(xí) 34

1.5.3 開發(fā)工具使用 34

1.6 氛圍編程的核心價值 35

1.7 氛圍編程指導(dǎo)原則與工具及大模型的搭配 36



第二部分 入門

第 2章 用扣子實現(xiàn)減少AI幻覺智能體 41

2.1 扣子簡介 41

2.2 用扣子開發(fā)AI智能體 42

2.2.1 需求分析 42

2.2.2 開發(fā)智能體 43

2.2.3 調(diào)試智能體 48

2.2.4 發(fā)布智能體 49

2.2.5 在豆包使用與分享 50

2.3 維護智能體 52

2.3.1 更改智能體名稱、功能介紹與圖標(biāo) 52

2.3.2 修改智能體功能 54

2.3.3 在扣子商店中使用與分享 55

第3章 用Windsurf等5款工具可視化數(shù)據(jù) 58

3.1 需求分析 58

3.2 技術(shù)棧選型 60

3.3 用DeepSeek搭配R1生成HTML數(shù)據(jù)看板 61

3.4 用Claude搭配Claude Sonnet 4生成HTML數(shù)據(jù)看板 65

3.5 用Trae國際版搭配Claude Sonnet 4生成HTML數(shù)據(jù)看板 67

3.6 用Cursor搭配Claude Sonnet 4生成HTML數(shù)據(jù)看板 71

3.7 用Windsurf搭配o3-high-reasoning生成HTML數(shù)據(jù)看板 75

3.8 驗證數(shù)據(jù)準(zhǔn)確性 77

3.9 用其他氛圍編程工具開發(fā)數(shù)據(jù)看板的體驗 79

第4章 用Claude和通義等分析Excel數(shù)據(jù) 81

4.1 需求分析 81

4.2 用Claude分析Excel數(shù)據(jù) 82

4.3 用通義分析Excel數(shù)據(jù) 85

4.4 用其他氛圍編程工具分析Excel數(shù)據(jù)效果對比 87



第三部分 快速

第5章 用Trae實現(xiàn)微信小程序 91

5.1 需求分析 91

5.2 用氛圍編程開發(fā)微信小程序 92

5.3 用微信開發(fā)者工具創(chuàng)建Hello World小程序 93

5.4 用Trae國際版實現(xiàn)減少AI幻覺小程序 96

5.5 預(yù)覽小程序 99

5.6 體驗小程序 100

5.7 修改小程序 102

5.8 發(fā)布小程序 103

第6章 用bolt和Trae等4款工具快速實現(xiàn)Web產(chǎn)品原型 105

6.1 需求分析 106

6.1.1 描述業(yè)務(wù)需求 107

6.1.2 將業(yè)務(wù)需求轉(zhuǎn)為產(chǎn)品需求文檔時踩坑 116

6.1.3 讓AI提供軟件架構(gòu)與技術(shù)棧建議 117

6.2 在氛圍編程需求中包含嚴(yán)格技術(shù)棧要求時踩坑 118

6.3 用bolt的Enhance prompt時踩坑 120

6.3.1 用bolt直接導(dǎo)入Figma線框圖時踩坑 121

6.3.2 從Cursor生成的架構(gòu)圖中得到啟發(fā) 121

6.3.3 在bolt提示詞中插入Figma線框圖時踩坑 125

6.4 用bolt單次對話成功生成第 一階段氛圍編程需求代碼 126

6.5 用Claude更換氛圍編程需求持久化方案時踩坑 126

6.6 用bolt單次對話成功生成兩個階段氛圍編程需求代碼 127

6.7 用Cursor生成C4模型架構(gòu)圖 128

6.8 用Trae國際版修復(fù)Next.js應(yīng)用中的bug 130

6.8.1 修復(fù)一個嚴(yán)重偏離預(yù)期的bug 130

6.8.2 補充實現(xiàn)兩個尚未實現(xiàn)的功能與項目規(guī)則文件 131

6.8.3 修復(fù)一個API密鑰安全性問題 133



第四部分 進階

第7章 用GitHub Copilot實現(xiàn)前后端分離的Web應(yīng)用 137

7.1 需求分析 137

7.2 架構(gòu)設(shè)計與Ask模式 140

7.2.1 前后端分離架構(gòu) 140

7.2.2 用Ask模式獲取架構(gòu)建議 141

7.2.3 自動生成提交消息 147

7.3 任務(wù)拆解 149

7.4 用戶界面與Vision 152

7.4.1 拼湊用戶界面 152

7.4.2 為拼湊的界面生成文字描述 153

7.5 用bolt生成React前端代碼 157

7.5.1 在本地計算機運行前端 159

7.5.2 看懂前端代碼與/explain和#codebase 160

7.5.3 格式化代碼 163

7.5.4 用Inline Chat的/doc為代碼加注釋 164

7.5.5 用Inline Chat的/fix修復(fù)問題 166

7.6 生成Node.js后端代碼 166

7.6.1 備好發(fā)給后端的提示詞與Edit模式 166

7.6.2 生成后端代碼與Agent模式 168

7.6.3 修復(fù)運行錯誤與@terminal 171

7.6.4 點按鈕無反應(yīng)與Ask模式下的/fix 173

7.7 實現(xiàn)流式響應(yīng)功能與Exclude Files 176

7.8 用Review and Comment評審代碼 178

第8章 用Cursor保護代碼邏輯不被破壞 180

8.1 需求分析與技術(shù)棧選型 180

8.2 生成端到端自動化測試代碼 183

8.3 驗證端到端測試的保護效果 184

第五部分 攻略

第9章 氛圍編程攻略與工具和大模型選擇指南 189

9.1 非IT背景的人的氛圍編程攻略 189

9.1.1 用平常心看待編程 190

9.1.2 編程不是目的，解決實際問題才是 190

9.1.3 遇到實際問題時，思考如何用氛圍編程來解決 190

9.2 有IT經(jīng)驗的人的氛圍編程攻略 191

9.2.1 擁抱氛圍編程，而非排斥 191

9.2.2 仔細理解、評審和測試AI生成的代碼 191

9.2.3 理解設(shè)計理念和優(yōu)劣勢比掌握如何實現(xiàn)更重要 192

9.3 IT新人的氛圍編程攻略 192

9.3.1 編程入門的新途徑 193

9.3.2 小步生成代碼并研究錯誤解決過程 193

9.3.3 善用氛圍編程先行貢獻開源軟件代碼以獲得更多職場機會 193

9.4 對比9款主流氛圍編程工具及可搭配的大模型組合 195

9.5 對比16款氛圍編程中常搭配的大模型 197

9.6 用實戰(zhàn)來檢驗氛圍編程 201

9.6.1 漸進式實戰(zhàn)檢驗框架 201

9.6.2 關(guān)鍵檢驗維度 202

9.6.3 持久有效的檢驗方法 203

9.6.4 檢驗實施建議 203



附錄A 氛圍編程中工具準(zhǔn)備與常見操作 205

附錄A.1 安裝或升級Trae國際版 205

附錄A.2 安裝或升級Cursor 205

附錄A.3 安裝或升級Windsurf 205

附錄A.4 安裝或升級微信開發(fā)者工具 206

附錄A.5 安裝或升級Visual Studio Code 206

附錄A.6 在Visual Studio Code中安裝或升級Copilot插件 206

附錄A.7 在Copilot中配置Linear MCP服務(wù)器 207

附錄A.8 安裝或升級Git 208

附錄A.9 在個人目錄解壓zip包 209

附錄A.10 在Visual Studio Code內(nèi)置終端運行npm命令 210

附錄A.11 解決在Visual Studio Code內(nèi)置終端運行npm install命令出錯問題 210