术语图鉴/Vibe Coding/框架
切换Esc返回

框架 Framework

你可能会说

用 Next.js 搭个项目骨架,我在上面填功能。

别人搭好的「半成品项目骨架」,你在它的基础上填内容就行。

别人搭好的「半成品项目骨架」,你在它的基础上填内容就行。不用从零开始,省大量重复工作。

也常被叫作Framework

生活类比

像预制菜——底料和半成品都备好了,你只需要加自己的食材(业务逻辑)炒一炒。

🎮 动手试试

全栈 React 框架
优势: SSR+路由+API
选择题选择一个你认为最合适的答案

关于「框架」,以下哪个描述最准确?

你可以这样告诉 AI

基于 Next.js App Router 帮我做一个文章列表页,用 Server Component 获取数据,Client Component 处理交互。

容易混淆?这样区分

框架 Framework
提示 提示

框架是写代码时的结构化骨架(规定代码怎么组织),提示是给 AI 的自然语言指令(告诉 AI 做什么)。

什么时候用

从零开始新项目

选定框架后让 AI 基于框架规范生成代码,结构统一、易维护,不用自己设计架构。

和 AI 协作时

对 AI 说「基于 Next.js 框架实现这个功能,遵循 App Router 的约定。」

什么时候不用

极简小项目

只有一个 HTML 页面的项目引入框架是杀鸡用牛刀,反而增加复杂度。

学习编程基础阶段

先学语言本身再学框架,否则会分不清哪些是语言特性、哪些是框架提供的。

组成结构 · Anatomy

1
核心概念Core

别人搭好的「半成品项目骨架」,你在它的基础上填内容就行。不用从零开始,省大量重复工作。

2
实际表现In Practice

像预制菜——底料和半成品都备好了,你只需要加自己的食材(业务逻辑)炒一炒。

3
与 AI 的关联AI Context

Next.js 是前端框架,Express 是后端框架。提到「用 XX 框架」时,就是选一个骨架。

典型使用场景

用框架搭页面
告诉 AI「用 Next.js 框架的约定帮我创建三个页面:首页、关于、文章详情,遵循 App Router 文件结构」
想弄懂概念时
告诉 AI「用大白话给我解释什么是框架,举个生活中的例子」

延伸阅读