前端框架
Frontend Framework
前端工程也叫:框架、元框架、React、Vue
一句话:规定组件怎么写、数据变了页面怎么更新、页面怎么组织的一整套基础设施,如 React、Vue。
详细解释
如果组件是积木,框架就是积木的拼接标准和底板:它规定组件怎么写、数据变了页面怎么自动更新。React、Vue、Svelte、Angular 是常见的前端框架。在它们之上还有「元框架」,比如 Next.js(基于 React)、Nuxt(基于 Vue),额外提供路由、服务端渲染、部署优化等能力。
容易混淆的三层:框架是底层规则(React);组件库是按这套规则做好的现成组件(如 Ant Design、shadcn/ui);组件是你项目里自己写的积木。
一个项目通常只用一个框架。让 AI 写代码前,要让它先确认项目用的是哪个框架,避免混用不同框架或新旧版本的写法。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。
这个项目用的是 Next.js 的 App Router 写法,请先读 package.json 确认依赖,之后写的代码都遵循这个框架的约定,不要混入 Vue 或旧的 pages 目录写法,新页面放在 app 目录下。