AI Study Online
AI教程

Vibe Coding:和AI聊天就能开发软件——新手实战指南

5 min read

1. 必备工具和环境配置

要开始你的 Vibe Coding 之旅,你需要三个关键组件:

  • 代码编辑器Visual Studio Code (VS Code) — 一款免费、多功能、适合新手的编辑器。
  • AI 工具Claude Code — 专门理解和生成代码的 AI 助手。
  • AI 模型:DeepSeek V4 Pro — 性价比极高的强大模型(本教程的项目仅花费 0.78 元!)。

配置步骤:

  1. 从官网下载安装 VS Code。
  2. 按照官方文档设置 Claude Code。例如,通过一个命令安装:
npm install -g @anthropic/claude-code
  1. 通过 API 接入并配置 DeepSeek V4 Pro 与 Claude Code 集成(详见 DeepSeek 官方文档)。

2. 从想法到项目:Vibe Coding 工作流

让我们构建一个 macOS 剪贴板历史工具来演示整个过程。

第一步:定义项目

首先创建一个项目文件夹(比如 HistoryClipboard),然后在 VS Code 中打开它。这为你的项目提供了一个家,也让 VS Code 可以管理文件。

第二步:向 AI 传达需求

把你的需求清晰地告诉 AI。使用这个模板来保持清晰:

  • 什么软件? 一个 macOS 剪贴板历史工具。
  • 什么功能? 跟踪复制过的文本/链接、显示历史记录、搜索和置顶。
  • 界面设计? 简洁、极简的界面,带有搜索栏和列表视图。
  • 设计风格? 浅色模式、蓝色强调色、流畅动画。

给 DeepSeek 的提示词示例: "我是一个编程新手。我想要一个能跟踪剪贴板历史的 macOS 应用。它应该让用户可以查看、搜索和置顶项目。界面要简洁,有搜索栏和列表。使用浅色模式和蓝色强调色。如需更多细节请告诉我。"

第三步:让 AI 规划工作

在 Claude Code 中使用规划模式,让 AI 列出开发步骤。这种模式能帮助 AI 提出有针对性的问题(比如"你希望应用在登录时自动启动吗?")来完善需求。

例如,在构建剪贴板工具时,AI 可能会问:

  • "应用应该在后台运行吗?"
  • "用什么文件格式存储历史记录?"
  • "需要云同步吗?"

回答这些问题来确定项目范围。

第四步:用 AI 生成代码

需求明确后,指示 AI 生成代码。对于 macOS 应用,你可能需要 Swift 代码。向 AI 提问: "为一个 macOS 剪贴板历史应用生成 Swift 代码,包含搜索栏、列表视图和置顶功能。确保它能在 Xcode 中运行。"

AI 会输出类似 AppDelegate.swiftMainWindowController.swift 这样的文件。以下是生成的剪贴板监控代码片段:

import Cocoa

class ClipboardMonitor {
    private let pasteboard = NSPasteboard.general
    private var changeCount = 0
    private var timer: Timer?

    init() {
        changeCount = pasteboard.changeCount
        startMonitoring()
    }

    private func startMonitoring() {
        timer = Timer.scheduledTimer(withTimeInterval: 0.5, repeats: true) { [weak self] _ in
            self?.checkForChanges()
        }
    }

    private func checkForChanges() {
        let newChangeCount = pasteboard.changeCount
        if newChangeCount != changeCount {
            changeCount = newChangeCount
            // 通知应用剪贴板内容已更新
            NotificationCenter.default.post(name: Notification.Name("ClipboardChanged"), object: nil)
        }
    }
}

第五步:在 Xcode 中测试运行

要运行 macOS 应用,你需要 Xcode。在 Xcode 中打开项目,点击"运行"按钮。如果应用启动并在 Dock 中出现,恭喜你成功了!

对于我们的剪贴板工具,测试方法:复制一段文字(比如"你好,Vibe Coding!")——它应该出现在应用的历史记录列表中。

第六步:迭代优化

如果应用需要调整(比如窗口更大或搜索更快),截个图然后提示 AI: "应用窗口太小了。把它调整到 600x400 像素。参见截图参考。"

AI 会更新代码(比如修改 MainWindowController.swift 来设置窗口大小)。

3. 成本与效率

DeepSeek V4 Pro 性价比极高。整个剪贴板项目仅花费 0.78 元,使用了 840 万 token。这让 Vibe Coding 即使是预算有限的人也能轻松使用。

4. 总结

Vibe Coding 正在实现软件开发的民主化。借助 VS Code、Claude Code 和 DeepSeek V4 Pro 等工具,你只需要和 AI 对话就能把想法变成可运行的应用。最难的部分是迈出第一步——所以从今天开始吧,让 AI 把你的软件愿景变为现实!

分享这篇文章

相关文章

AI教程入门

ChatGPT基础:界面、设置和你的前10个提示词

ChatGPT新手?这里有完整的初学者指南——账户设置、界面导览、需要配置的设置,以及10个入门提示词让你从第一天就获得真正价值。

5分钟阅读
ChatGPT入门基础
AI教程入门

如何写出真正有效的提示词:5点框架

模糊的提示词只能得到平庸的回答。掌握5点提示框架——角色、上下文、任务、格式、约束——从任何AI工具中获得显著更好的结果。

5分钟阅读
提示词提示工程框架