人工智能
类型
可以朗读
语音朗读
215千字
字数
2019-01-01
发行日期
展开全部
主编推荐语
AI协作与实操指南,打造低成本全栈应用,让创意快速落地。
内容简介
本书以Vibe Coding(氛围编程)这一理念为核心,系统阐述如何与AI进行高效协作,将脑海中闪光的想法转化为真实、可运行的数字产品。
本书不仅涵盖从零开始建立数字产品实践自信的科学学习方法,更创新性地提出一套名为“节俭全栈”的低成本实践方案,手把手引导读者使用Figma、Vercel、Supabase等免费或极低成本的专业级工具,亲手构建并成功发布自己的第一款全栈应用。
本书内容深入浅出,构建了从“心法”到“实操”的完整体系:从“独立开发者的哲学”等认知层面筑牢基础,再到提示工程、UI设计、前后端开发、数据库管理、支付集成等具体实操环节提供详尽的实战指引,旨在拆掉阻碍创造者前行的“技术之墙”,让每一个好想法都能在AI时代顺利变为现实。
本书适合怀揣产品想法却缺乏技术背景的准创业者与产品经理、希望借AI工具提升效率的独立开发者和设计师、对AI驱动应用开发及创作者经济感兴趣的技术爱好者,以及渴望将创意转化为数字产品的所有梦想家和行动派阅读。
目录
- 版权信息
- 内容提要
- 推荐序1
- 推荐序2
- 推荐序3
- 作者简介
- 前言
- 写给未来的创作者
- 本书组织结构
- 本书读者对象
- 资源与支持
- 资源获取
- 提交勘误
- 与我们联系
- 关于异步社区和异步图书
- 第1章 心态与理念
- 1.1 一种全新的创造方式:从零到创作者
- 1.1.1 Vibe Coding概念
- 1.感性认知
- 2.理性认知
- 1.1.2 Vibe Coding核心理念
- 1.从“工匠”到“导演”
- 2.案例研究
- 1.1.3 直面初学者的三大恐惧
- 1.恐惧1:“我不是技术专家”
- 2.恐惧2:“我害怕失败”
- 3.恐惧3:“学习成本太高”
- 1.1.4 告别“劝退仪式”,创造你的第一款应用
- 1.对比传统编程的挫败感
- 2.Vibe Coding的即时正反馈
- 1.1.5 小结
- 1.2 独立开发者的思维工具箱
- 1.2.1 原则1:从小处着手
- 1.先构建最核心的功能
- 2.纸杯蛋糕原则
- 3.巨头们的起点
- 1.2.2 原则2:规划你的构建
- 1.一份简单的计划,是通往现实的捷径
- 2.“最小可行PRD”实践
- 1.2.3 原则3:迭代,而非堆砌
- 1.迭代的原则
- 2.敏捷的厨师
- 1.2.4 原则4:测试一切
- 1.植入质量保证思维
- 2.友好的侦探
- 3.非技术人员的侦探手册
- 1.2.5 原则5:使用版本控制
- 1.项目的终极“后悔药”
- 2.电子游戏的存档点
- 1.2.6 建立你的“思考-提示-迭代”循环
- AI越不可预测,流程就必须越严谨
- 1.2.7 小结
- 1.3 你的AI副驾驶:掌握提示的艺术
- 1.3.1 提示工程入门:从命令到对话
- 1.3.2 提示工程的“四大法则”:从导演到蓝图
- 1.黄金法则1:扮演导演(设定角色与意图)
- 2.黄金法则2:提供地图(给予上下文与示例)
- “展示,而非告知”的力量
- 使用分隔符
- 从“提供示例”到“教会AI自我举例”
- 3.黄金法则3:设计蓝图(定义输出格式)
- 4.黄金法则4:开启聊天(进行迭代与追问)
- 一步一步思考
- 让对话延续的追问
- 一些看起来奇怪却有效的小窍门
- 1.3.3 五分钟实战:用豆包网页版创造一个网页
- 1.如何使用豆包网页版
- 2.糟糕的指令(“生米”版)
- 3.专家的指令(“蛋炒饭”版)
- 1.3.4 小结
- 第2章 前端设计与AI实现
- 2.1 你的完美起点:用Trickle一站式构建应用
- 2.1.1 什么是Trickle
- 1.All-in-One的含义:你的创意瑞士军刀
- 2.核心理念:你的想法在一张“魔法画布”上成真
- 3.案例聚焦:用Trickle重现科技巨头的“第一版”
- 2.1.2 五分钟实战:上手Trickle
- 1.注册你的免费账户
- 2.熟悉仪表盘
- 3.你的第一个“魔法”指令
- 2.1.3 十五分钟实战:打造一个个人作品集网站
- 1.生成基础页面
- 2.定制化修改
- 方式1:用对话来微调
- 方式2:更精准的“直接编辑”
- 3.连接内置数据库
- 4.一键发布
- 2.1.4 Trickle:完美的起点,而非终点
- 1.为什么我们从这里开始:建立你的信心
- 2.All-in-One的权衡:理解便捷背后的局限性
- 2.1.5 小结
- 2.2 v0.dev大师课:从灵感到像素级完美UI
- 2.2.1 v0.dev核心理念与界面导览
- 1.你的AI前端工程师
- 2.工作区详解
- 2.2.2 基础入门:从单个组件开始
- 1.五分钟实战:你的第一个按钮
- 2.十分钟实战:构建一个信息卡片
- 3.十分钟实战:制作一个登录表单
- 2.2.3 进阶技巧:组合与迭代
- 1.迭代的艺术
- 2.五分钟实战:为组件添加交互
- 3.十分钟实战:构建响应式导航栏
- 第一步:创建基础导航栏
- 第二步:迭代实现响应式
- 2.2.4 高级工作流:从视觉到代码
- 1.视觉提示的力量
- 2.十分钟实战:复刻一个现有组件
- 3.理解代码输出
- 2.2.5 实战项目:复刻你最爱的Figma模板
- 1.探索Figma社区
- 2.分解设计
- 3.十分钟实战:动手复刻
- 4.组装与微调
- 2.2.6 小结
- 2.3 精通Figma
- 2.3.1 现代UI设计基础
- 1.Figma界面导览与核心思维
- 2.五分钟实战:创建一套自定义图标
- 1.创建图标容器
- 2.绘制基础形状
- 3.运用布尔运算
- 4.扁平化与居中
- 3.建立视觉语言
- 样式
- 布局网格
- 4.十五分钟实战:设计一个基础样式指南
- 1.创建“基础规范”页面
- 2.文档化颜色样式
- 3.文档化字体
- 4.文档化网格
- 2.3.2 构建可扩展的动态界面
- 1.自动布局的威力
- 三种核心尺寸调整行为
- 2.十五分钟实战:构建响应式卡片与导航栏
- 3.组件、变体与属性(可选学习)
- 4.十五分钟实战:构建一个全面的按钮组件集(可选学习)
- 5.用变量引入设计令牌(可选学习)
- 6.十五分钟实战:实现明暗模式的切换(可选学习)
- 2.3.3 从静态设计到交互式产品(可选学习)
- 1.高级原型制作
- 2.十五分钟实战:构建动态购物车原型
- 3.开发者模式完全指南
- 4.十五分钟实战:为开发者交付设计文件
- 5.实战工作坊:从Figma到Tailwind CSS代码
- 实现设计到代码的自动化转换
- 借助第三方插件实现自动化转换
- 6.十五分钟实战:从Figma设计到React + Tailwind CSS代码
- 2.3.4 小结
- 2.4 你的AI工作台:从TRAE SOLO模式入门
- 2.4.1 欢迎来到自主开发时代:TRAE SOLO模式
- 1.什么是TRAE SOLO模式
- 2.五分钟实战:上手TRAE SOLO模式
- 2.4.2 你的第一个TRAE SOLO项目:从一句话到一个网站
- 1.TRAE SOLO的自动化工作流
- 2.五分钟实战:构建一个应用
- 2.4.3 你是导演,不是乘客:如何与SOLO协作
- 1.迭代与微调
- 2.保持控制权
- 3.[进阶]为何需要Cursor
- 2.4.4 小结
- 第3章 基础设施搭建
- 3.1 节俭全栈:你的低成本启动平台
- 3.1.1 现代应用的解构:餐厅运营模型
- 3.1.2 节俭全栈工具箱深度解析
- 1.核心基础设施
- Vercel:应用的全球之家与自动化部署平台
- 自动化魔法:CI/CD流水线
- 免费额度
- 最佳实践
- Supabase:应用的大脑与长期记忆中枢
- Supabase的核心角色:一站式后端解决方案
- 免费额度
- 最佳实践
- 用户认证:Supabase Auth vs. Clerk
- 最佳实践
- 文件存储:Cloudflare R2
- 理解“出口费”陷阱
- Cloudflare R2的战略性颠覆
- 免费额度
- 最佳实践
- 2.核心外围服务
- 邮件服务:Resend
- 免费额度
- 最佳实践
- 数据统计:PostHog vs. Google Analytics
- GA:营销分析师
- PostHog:产品工程师的工具包
- 免费额度对比
- 最佳实践
- 应用监控:Sentry
- 免费额度
- 最佳实践
- 内容管理:Keystatic vs. Sanity
- Keystatic:与代码共存的基于Git的CMS
- Sanity:API驱动的协作式内容平台
- 最佳实践
- 支付:Stripe
- 按需付费(Pay-As-You-Go)
- 最佳实践
- 3.生产力与设计工具
- 设计工具:Figma
- 免费额度
- 最佳实践
- 代码管理工具:GitHub
- GitHub的核心角色:版本控制与协作中心
- 免费额度
- 最佳实践
- 生产力工具:飞书/Notion
- 免费额度
- 最佳实践
- 3.1.3 五分钟实战:学习相关生产力工具
- 第一步:认领你的数字蓝图库(创建GitHub账户)。
- 第二步:启动你的全球发布平台(创建Vercel账户)。
- 3.1.4 小结
- 3.2 拥有你的数字身份:购买与配置域名
- 3.2.1 什么是域名
- 1.域名与IP地址的关系
- 2.域名的构成
- 3.拥有专属域名的价值
- 3.2.2 如何选择一个好域名
- 1.简短、易记、易拼且顺口
- 2.突出品牌化,保证独特性
- 3.避免数字、连字符,严禁空格
- 4.合理嵌入关键词
- 5.选对顶级域名
- 6.兼顾长期发展与灵活性
- 7.充分调研,果断注册
- 3.2.3 五分钟实战:使用域名生成器进行头脑风暴
- 3.2.4 选择域名注册商
- 1.信誉与资质
- 2.透明的价格结构
- 3.隐私保护
- 4.客户支持
- 5.用户界面与功能
- 6.域名扩展名(TLD)种类
- 7.附加服务与捆绑销售
- 8.域名转移政策与自动续费
- 3.2.5 五分钟实战:在选定的注册商上完成域名购买流程
- 1.通过GoDaddy购买域名
- 2.通过Namecheap购买域名
- 3.避免购买域名时的常见问题
- 3.2.6 五分钟实战:将域名连接到Vercel项目
- 1.理解DNS记录
- 2.将域名连接到Vercel项目
- 3.注意事项与故障排除
- 特殊情况:域名在Vercel内购买
- 安全保障:自动配置SSL证书
- 故障排查:常见问题解决
- 3.2.7 小结
- 3.3 Supabase深度实战:构建你的数字总部
- 3.3.1 开源后端时代:Supabase全景解析
- 1.核心功能模块
- 数据库:总部的中央档案室
- 用户认证:总部的安全前台与门禁系统
- API:总部的内部通信网络
- 实时订阅:总部的实时监控中心
- 云函数:总部的自动化智能助理
- 文件存储:总部的安全仓库与全球物流服务
- 2.为什么选择Supabase
- 3.系统架构剖析:以PostgreSQL为核心的服务生态
- 3.3.2 五分钟实战:在仪表盘中创建数据表
- 3.3.3 五分钟实战:理解表关系
- 3.3.4 十分钟实战:探索用户认证(Supabase Auth)
- 3.3.5 十分钟实战:用RLS保护数据
- 3.3.6 十分钟实战:文件存储与CDN分发
- 3.3.7 小结
- 第4章 后端开发与高级集成
- 4.1 AI后端工程师:TRAE SOLO深度实战
- 4.1.1 从“门面”到“后厨”:后端开发的思维转变
- 4.1.2 从需求到API:自主后端开发全流程
- 1.需求分析与文档生成
- 2.环境配置与依赖管理
- 3.编码与错误修复
- 4.本地测试与预览
- 5.部署与上线
- 4.1.3 五分钟实战:集成Supabase
- 1.使用SOLO快速集成Supabase
- 2.通过SOLO进行数据库操作
- 创建(Create):创建数据表
- 创建(Create):插入数据
- 读取(Read):查询数据
- 更新(Update):修改数据
- 删除(Delete):移除数据
- 4.1.4 十分钟实战:生成技术设计文档与数据模型
- 1.TDD的重要性
- 2.使用SOLO生成TDD
- 3.数据模型设计与实现
- 4.文档版本管理
- 4.1.5 十分钟实战:实现用户认证与业务逻辑
- 1.用户认证
- 2.业务逻辑
- 3.安全性与最佳实践
- 4.1.6 十五分钟实战:完成完整项目
- 1.项目需求分析
- 2.使用SOLO完成全流程开发
- 3.项目优化与迭代
- 4.1.7 小结
- 4.2 AI结对程序员:使用Cursor实现精细化后端开发
- 4.2.1 后端开发为何需要Cursor
- 1.从宏观构建到细节实现
- 2.Cursor的3个关键应用场景
- 3.SOLO vs.Cursor:选择正确的工具组合
- 4.2.2 十分钟入门:Cursor基础操作与界面导航
- 1.下载安装与初始设置
- 2.界面导航
- 3.三大工作模式速览
- 4.实战
- 4.2.3 Cursor的三大工作模式
- 1.智能代码补全
- 2.Composer代码生成
- 3.AI聊天助手
- 4.十分钟实战:用3种模式分别完成一个简单函数
- 4.2.4 十五分钟实战:搭建Next.js API骨架
- 1.项目初始化
- 2.使用AI聊天助手理解项目配置
- 3.构建Next.js API路由结构
- 4.使用@file和@codebase进行上下文管理
- 4.2.5 十分钟实战:用Composer实现具体业务逻辑
- 1.使用Composer生成数据库连接配置
- 2.实现用户认证中间件和API端点
- 3.构建CRUD操作的完整业务逻辑
- 实现GET操作(读取所有文章)
- 实现POST操作(创建新文章)
- 实现PATCH(修补)和DELETE(删除)操作
- 4.错误处理与数据验证的自动生成
- 5.Composer Agent:一个综合性的编程解决方案
- 4.2.6 十分钟实战:用终端集成管理数据库与服务
- 1.Cursor内置终端的使用技巧
- 2.使用AI聊天助手生成数据库迁移脚本
- 3.自动化测试与部署命令的生成
- 4.实时调试与日志分析
- 4.2.7 进阶:Cursor特有优势的深度应用
- 1.优势1:精准的代码库上下文理解
- 2.优势2:大规模、跨文件的代码重构
- 3.优势3:人机协作的深度调试
- 4.十分钟进阶实战:重构复杂的多文件后端项目
- 4.2.8 小结
- 4.3 高级集成:MCP实战与深度应用
- 4.3.1 MCP:AI与外部工具的开放标准
- 1.MCP工作原理解析
- 2.统一标准的优势
- 3.环境准备与MCP服务器市场
- 4.面向普通用户的免费MCP工具推荐
- 5.MCP配置文件详解
- 4.3.2 在SOLO中配置与使用MCP
- 1.MCP全局配置与项目级配置
- 2.十分钟实战:连接GitHub MCP
- 前期准备:创建GitHub个人访问令牌
- 配置mcp.json文件
- 验证与使用
- 3.十分钟实战:集成Figma MCP
- 启用Figma本地服务器
- 配置TRAE SOLO连接Figma
- 将设计转化为代码
- 4.十分钟实战:配置Playwright MCP
- 配置Playwright MCP服务器
- 自动化操作
- 5.十分钟实战:连接Magic MCP
- 获取Magic API密钥
- 配置mcp.json文件
- 生成UI组件
- 4.3.3 在Cursor中配置与使用MCP
- 1.mcp.json配置与Composer Agent集成
- 2.十分钟实战:连接Browser MCP
- 安装Chrome扩展
- 配置mcp.json文件
- 体验个人自动化
- 3.十分钟实战:集成Supabase MCP
- 注册Supabase并获取PAT
- 复制Project ID
- 配置mcp.json文件
- 用自然语言查询数据库
- 4.十分钟实战:配置Context7 MCP
- 获取Context7 API密钥
- 配置mcp.json文件
- 体验实时文档参考功能
- 4.3.4 MCP高级应用与实用技巧
- 1.多MCP工具的协同配置与性能优化
- 2.十分钟实战:构建个人工作流
- 配置所需的MCP工具
- 下达多步指令
- 观察自动化过程
- 查看自动化结果
- 3.MCP故障排除与常见问题
- 4.MCP最佳实践与安全建议
- 4.3.5 小结
- 第5章 项目实战1:从0到1构建习惯追踪器
- 5.1 蓝图:运用AI规划产品
- 5.1.1 将AI作为产品合伙人
- 5.1.2 运用AI开展产品功能头脑风暴
- 1.打造一个“超级提示词”
- 2.解读AI的分析报告
- 3.从功能列表到产品策略
- 5.1.3 五分钟实战:创建用户画像
- 1.理解用户画像
- 2.创建用户画像
- 第一步:提供画像模板提示词
- 第二步:检阅AI生成的用户画像
- 3.让画像指导决策
- 5.1.4 十分钟实战:撰写PRD
- 第一步:定义产品的核心宗旨
- 第二步:用“用户故事”来描述功能
- 第三步:划定界限——MVP的“不做清单”
- 第四步:定义成功的标准
- 5.1.5 小结
- 5.2 从想法到产品:全栈深度实战
- 5.2.1 十五分钟实战:将PRD蓝图转化为可用的AI应用
- 5.2.2 五分钟实战:部署应用并公开发布
- 部署失败的处理
- 5.2.3 Supabase深度实战:构建后端服务
- 1.五分钟实战:数据表结构
- 2.五分钟实战:理解表关系——数据间的关联
- 3.十分钟实战:用户认证系统
- 核心组件
- 注册流程
- 4.十分钟实战:数据安全与行级安全策略
- 核心配置
- 查看已配置的安全策略
- 验证RLS效果
- 5.2.4 Resend邮件服务实战
- 1.分析应用中的邮件基础设施
- 2.邮件系统的功能规划
- 3.十分钟实战:实现欢迎邮件功能
- 4.五分钟实战:使用模板发送动态邮件
- 5.2.5 邮件推送的触发机制与通知提醒系统架构
- 5.2.6 文件存储系统设计
- 现有实现状况
- 简化设计的技术考量
- 架构预留与扩展空间
- 1.五分钟实战:分析用户资料数据流
- 2.五分钟实战:设计头像上传功能的技术架构
- 3.十分钟实战:实现文件上传接口
- 5.2.7 内容管理系统设计:构建可扩展的内容管理架构
- 硬编码方式的优劣
- CMS架构的演进与选型
- 1.方案1:基于数据库的快速内容管理升级
- 2.方案2:渐进式内容管理实现
- 5.2.8 小结
- 第6章 项目实战2:构建商业级AI图像生成平台
- 6.1 项目规划:构建商业级图像生成平台
- 6.1.1 产品商业定位分析
- 6.1.2 核心功能规划
- 6.1.3 页面架构设计
- 6.1.4 利用TRAE SOLO快速起草项目文档
- 1.使用TRAE SOLO起草PRD
- 2.使用TRAE SOLO起草TDD
- 6.2 十分钟实战:项目架构设计与技术选型
- 6.2.1 利用AI助手生成技术架构
- 6.2.2 技术栈选型
- 6.2.3 Replicate API设计
- 1.任务启动接口
- 2.Webhook回调接口
- 6.3 十分钟实战:使用v0.dev快速生成UI界面
- 6.3.1 设计响应式落地页
- 6.3.2 构建图像生成工作台
- 6.3.3 创建图库管理界面
- 6.4 十分钟实战:使用Supabase构建后端基础设施
- 6.4.1 数据库设计
- 6.4.2 用户认证系统
- 6.4.3 数据库视图和函数
- 6.4.4 实时功能
- 6.4.5 实施步骤
- 1.数据库表结构创建与迁移
- 2.创建数据库视图和函数
- 3.配置Supabase Storage
- 4.新用户自动赠送积分
- 5.测试数据库功能
- 6.创建图像生成API路由
- 7.创建Webhook处理器
- 8.配置环境变量和安装依赖
- 9.测试API功能
- 6.5 十分钟实战:集成Replicate API实现核心AI功能
- 6.5.1 Replicate API密钥配置与环境变量管理
- 6.5.2 文生图功能:接入多种AI模型
- 6.5.3 图生图功能:实现图像编辑与融合
- 6.5.4 异步处理:Webhook回调和生成状态管理
- 6.6 十分钟实战:实现用户积分与使用限制系统
- 6.6.1 积分模型设计
- 6.6.2 使用限制逻辑
- 6.6.3 安全的积分扣除机制
- 6.6.4 实施步骤
- 1.完善积分管理函数
- 2.实现积分套餐与订阅逻辑
- 3.实现使用限制与频率控制
- 4.实现积分历史与管理界面
- 5.测试积分系统功能
- 6.7 十分钟实战:集成Stripe实现完整的付费流程
- 6.7.1 Stripe产品与价格配置
- 6.7.2 支付流程集成
- 6.7.3 积分自动充值系统
- 6.8 十分钟实战:使用Resend构建邮件营销系统
- 6.8.1 自动化用户生命周期邮件
- 6.8.2 异步任务完成通知邮件
- 6.8.3 用户行为触发式营销邮件
- 6.9 十分钟实战:用Vercel部署并配置生产环境
- 6.9.1 环境变量配置
- 6.9.2 域名绑定与SSL证书
- 6.9.3 性能优化
- 6.10 小结
展开全部
出版方
人民邮电出版社
人民邮电出版社是工业和信息化部主管的大型专业出版社,成立于1953年10月1日。人民邮电出版社坚持“立足信息产业、面向现代社会、传播科学知识、服务科教兴国”,致力于通信、计算机、电子技术、教材、少儿、经管、摄影、集邮、旅游、心理学等领域的专业图书出版。
