#编程 目前市场上几乎所有帮你写代码的 AI 助手
Github Copilot
Bolt
cursor ai
codeiumdev Windsurf
PearAI
Vercel v0
Claude AI Artifacts
ChatGPT Canvas
Aider http://aider.chat
Cline https://github.com/cline/cline
Lovable
OpenHands https://github.com/All-Hands-AI/OpenHands…
Cody AI
Amazon Q Developer https://aws.amazon.com/q/developer/
智谱 AI 的 CodeGeeX https://codegeex.cn
Baidu 的 文心快码 https://comate.baidu.com/en
Alibaba 的通义灵码 https://tongyi.aliyun.com/lingma/
Alipay 的 CodeFuse https://codefuse.alipay.com/vat/home
Bytedance 的 MarsCode
腾讯云 AI 代码助手 https://copilot.tencent.com
Monica Code
代码小浣熊 https://xiaohuanxiong.com/code
Github Copilot
Bolt
cursor ai
codeiumdev Windsurf
PearAI
Vercel v0
Claude AI Artifacts
ChatGPT Canvas
Aider http://aider.chat
Cline https://github.com/cline/cline
Lovable
OpenHands https://github.com/All-Hands-AI/OpenHands…
Cody AI
Amazon Q Developer https://aws.amazon.com/q/developer/
智谱 AI 的 CodeGeeX https://codegeex.cn
Baidu 的 文心快码 https://comate.baidu.com/en
Alibaba 的通义灵码 https://tongyi.aliyun.com/lingma/
Alipay 的 CodeFuse https://codefuse.alipay.com/vat/home
Bytedance 的 MarsCode
腾讯云 AI 代码助手 https://copilot.tencent.com
Monica Code
代码小浣熊 https://xiaohuanxiong.com/code
#素材 精美的的动态图标可直接复制粘贴到您的React、JS代码里
https://icons.pqoqubbw.dev
https://icons.pqoqubbw.dev
lucide-animated
beautifully crafted animated icons
#编程 V0+Cursor AI 编程项目开发技巧
1. 利用 ChatGPT 进行项目规划 在使用 V0 之前，我会用 ChatGPT 规划整个项目。这包括创建完整的产品需求文档(PRD)、定义数据库结构、选择配色方案，以及规划所有页面的 UI 布局。这些准备工作确保我在开始使用 V0 之前有清晰的愿景。
2. 使用 V0 设计 UI 有了详细的布局和概念后，我会将其导入 V0 开始构建 UI。附上 Dribbble 上的灵感截图可以帮助 V0 准确理解我想要的美感。在这种指导下，我让 V0 为项目生成 UI 基础。
3. 不断优化 为了获得最佳效果，我会持续提示 V0 参考附带的截图来优化每个页面。这种迭代式的提示可以调整布局和设计，确保 V0 每次都能更接近我的设想。
4. Cursor 进行开发 在 V0 生成基础 UI 代码后，我会将所有内容导入 Cursor 开始搭建核心功能。这包括集成 Supabase 作为后端，添加认证、路由保护和数据库连接等基本功能。
5. 在 Cursor 中将核心项目文档组织为 .md 文件 为了保持所有阶段的一致性，我将 PRD、数据库架构、用户旅程等关键文档直接保存为 Cursor 中的 .md 文件。这样的设置让我在开发过程中能快速查阅核心细节，确保与初始计划保持一致。
6. 标记官方文档以获取准确信息 在使用特定框架或服务时，我会在 Cursor 中同步它们的官方文档。这样，我的提示总能获取最新最准确的信息，最大限度地减少错误并提高准确性。
7. 使用 cursor directory 获取专业提示 Cursor 的提示目录是技术项目的宝藏。我会自定义这些提示并将其存储在 .cursorrules 文件中，调整 Cursor 的响应使其完全符合我的技术栈。
8. 将可用代码保存为 .md 文件 当 Cursor 生成完美契合的代码时，我会将其作为可重用示例保存在 Cursor 的 .md 文件中。这个习惯对未来的项目来说是巨大的时间节省，让 Cursor 能够提供一致且可靠的代码片段。
9. 从代码模板开始 不要浪费时间重复造轮子。使用样板代码来处理认证、数据库和支付等常见元素。在经过验证的基础上构建可以节省时间。
1. 利用 ChatGPT 进行项目规划 在使用 V0 之前，我会用 ChatGPT 规划整个项目。这包括创建完整的产品需求文档(PRD)、定义数据库结构、选择配色方案，以及规划所有页面的 UI 布局。这些准备工作确保我在开始使用 V0 之前有清晰的愿景。
2. 使用 V0 设计 UI 有了详细的布局和概念后，我会将其导入 V0 开始构建 UI。附上 Dribbble 上的灵感截图可以帮助 V0 准确理解我想要的美感。在这种指导下，我让 V0 为项目生成 UI 基础。
3. 不断优化 为了获得最佳效果，我会持续提示 V0 参考附带的截图来优化每个页面。这种迭代式的提示可以调整布局和设计，确保 V0 每次都能更接近我的设想。
4. Cursor 进行开发 在 V0 生成基础 UI 代码后，我会将所有内容导入 Cursor 开始搭建核心功能。这包括集成 Supabase 作为后端，添加认证、路由保护和数据库连接等基本功能。
5. 在 Cursor 中将核心项目文档组织为 .md 文件 为了保持所有阶段的一致性，我将 PRD、数据库架构、用户旅程等关键文档直接保存为 Cursor 中的 .md 文件。这样的设置让我在开发过程中能快速查阅核心细节，确保与初始计划保持一致。
6. 标记官方文档以获取准确信息 在使用特定框架或服务时，我会在 Cursor 中同步它们的官方文档。这样，我的提示总能获取最新最准确的信息，最大限度地减少错误并提高准确性。
7. 使用 cursor directory 获取专业提示 Cursor 的提示目录是技术项目的宝藏。我会自定义这些提示并将其存储在 .cursorrules 文件中，调整 Cursor 的响应使其完全符合我的技术栈。
8. 将可用代码保存为 .md 文件 当 Cursor 生成完美契合的代码时，我会将其作为可重用示例保存在 Cursor 的 .md 文件中。这个习惯对未来的项目来说是巨大的时间节省，让 Cursor 能够提供一致且可靠的代码片段。
9. 从代码模板开始 不要浪费时间重复造轮子。使用样板代码来处理认证、数据库和支付等常见元素。在经过验证的基础上构建可以节省时间。
