type
Post
status
Published
date
Mar 29, 2026
slug
summary
用 AI + 最少代码 + 最短时间上线一个可交互网站。
tags
开发
Ai
category
人工智能
icon
password
一、Vibe Coding 核心逻辑
本质：用 AI 写代码 + 人只负责描述需求 + 快速部署
流程：
工具组合建议：
原因：
- Next.js 是 Vercel官方框架
- 部署几乎 一键完成
参考文档：https://chatgpt.com/c/69b23b42-66e4-8322-8155-153113515606
二、配置开发 Vibe IDE 规则
1、项目开发规则（Project Rules / System Prompt）
Trae Vibe Coding 开发规则
项目：财经导航站点
产品参考：
Vibe:
1、生产需求文档
2、编码实现
3、本地测试
1、npm install 报错
原因：
修复：
更新Node版本（Node官网）
# 删除node_modules
# 清缓存
npm cache clean --force
# 重新安装
npm install
2、npm run dev 可Ready 但是访问报错
原因：
解决：
在项目目录执行
然后重新启动：
3、运行时报错
原因：
解决方式：
更新npm版本
🎯 当前项目状态总结
踩了三类典型坑：
- ❌ npm 版本错误（@types/node）
- ❌ SWC 编译器损坏
- ❌ Tailwind 插件缺失
👉 本质都是：
⚠️ 环境 + 依赖管理问题，而不是代码问题
- Author:Ginon
- URL:http://preview.tangly1024.com/article/3319e4b9-c80a-804f-a556-e832dab8ea8e
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
