Vibe Coding 汇总

教程

VibeCoding 教程合贴

Vibe CodingAI 协同编程指南

StageWise

Stagewise (https://stagewise.io/)是一款专为前端开发者打造的 AI 辅助工具,致力于通过 可视化交互 与 精准上下文传递 显著提升开发效率。它支持开发者在浏览器中直接点选 UI 元素,并将相关上下文信息(包括 DOM 结构、样式属性、元素截图等)无缝传送至 AI 编程助手(如 Cursor、VS Code、Trae、Windsurf 等),从而实现“所见即可改”的高效开发流程。

使用方法

在各类AI IDE中(如cursor)

进入项目并运行好前端后,在终端中输入

npx stagewise@latest -b

此时进入 stagewise 打开的新的网页(会对应端口),右下角即可开始进行定向编辑。