00:00 / 03:16
连播
清屏
智能
倍速
点赞58
00:00 / 31:04
连播
清屏
智能
倍速
点赞13
00:00 / 04:42
连播
清屏
智能
倍速
点赞174
00:00 / 02:32
连播
清屏
智能
倍速
点赞8
00:00 / 04:16
连播
清屏
智能
倍速
点赞9
00:00 / 02:19
连播
清屏
智能
倍速
点赞35
00:00 / 44:06
连播
清屏
智能
倍速
点赞4
保姆级全栈教程:Augment + OpenNext 在本期视频中,我将完整展示如何使用 AI 编程助手 Augment,结合最新的 Next.js 15 和 Tailwind CSS v4.1,开发一款功能完善的 AI 智能菜谱生成器。 你将看到从项目构思、代码编写、UI 美化,到复杂的技术选型、Debug 纠错、安全审计,再到最终部署和文档生成的全过程。 这不仅仅是一个教程,更是一次与 AI 协作编程的真实记录,其中也包括了当 AI 犯错时,我是如何引导并利用 o3 来解决问题的。 🛠️ 主要技术栈: * AI 编程助手: Augment * AI 大模型: Google Gemini 2.0 Flash * 前端框架: Next.js 15 * UI 组件库: Shadcn UI * CSS 框架: Tailwind CSS v4.1 * 部署方案: Cloudflare Workers + OpenNext + Cloudflare KV * 辅助工具: GPT o3 (用于交叉验证) 🚀 你将学到: * 如何利用 AI 进行项目规划和技术调研。 * Augment 强大的提示词增强、代码库理解和上下文感知能力。 * 处理前端最新技术栈(Next.js 15)可能遇到的依赖和打包问题。 * 使用 AI 进行 UI 设计优化和安全审计。 * 将 Next.js 应用无缝部署到全球边缘网络的完整流程。 时间戳 00:00 项目成品展示与技术栈介绍 02:46 与 AI 协作:项目规划与初始化 08:46 核心功能开发与 AI 辅助纠错 12:24 UI 界面美化与 AI 安全审计 16:20 部署到 Cloudflare 与自动化文档生成 18:50 总结:AI 编程助手的使用心得与技巧#人工智能 #Augment #AI编程
00:00 / 20:05
连播
清屏
智能
倍速
点赞36
Cline+Context7 MCP文档搜索功能高级用法 🔥超越cursor!Cline+Context7 MCP文档搜索功能高级用法!自定义指令+.clinerules轻松开启vibe coding!零代码构建AutoGen智能体与Next.js应用 🔥🔥🔥视频简介: 🚀 本视频详细演示了Cline最新版本如何通过Gemini模型缓存功能大幅节省TOKEN消耗!结合Context7 MCP Server实现搜素各种项目的最新文档,让编程开发效率翻倍!✨ 🛠️ 从VS Code安装配置开始,手把手教你设置Gemini API、自定义指令和.clinerules文件: 1️⃣ AutoGen智能体开发:代码编写与评估自动化 2️⃣ Next.js+TailwindCSS智能背单词应用:零代码完整实现 💡 掌握这些前沿技术组合,让AI真正成为你的编程助手!无论是搜索最新文档、智能代码生成还是项目规划,Cline+Context7都能让你事半功倍!🔥 🔥🔥🔥时间戳: 00:00 - Cline V3.13.2发布及Gemini模型缓存支持 00:37 - Context7 MCP Server介绍 01:10 - VS Code中安装Cline扩展 01:32 - Cline配置与Gemini模型设置 02:14 - 安装Context7并在Cline中使用 02:40 - Context7搜索AutoGen文档示例 03:10 - 用AutoGen开发智能体项目示例 04:45 - 设置Cline自定义指令 05:30 - 智能背单词应用项目介绍 05:55 - 创建Cline Rules文件 06:39 - 添加项目技术栈、结构和样式配置 08:14 - 使用Cline开发智能背单词应用 09:10 - 应用功能测试和优化 10:12 - 视频总结与结束语 #cline #vscode #ai编程 #Context7 #cursor
00:00 / 10:23
连播
清屏
智能
倍速
点赞307
00:00 / 01:55
连播
清屏
智能
倍速
点赞717