技术栈Tech Stack
“完成一个网站或产品所用的一整套技术组合，叫技术栈。
技术栈 · 应用结构
看懂框架、组件和工具怎样组成一套产品。
应用结构
框架Framework
“框架提供一套已经搭好的结构和约定，让你少从零开始。
React
“React 用组件和状态来组织界面，让页面能随着数据变化更新。
NPMNode Package Manager
“项目需要什么工具、怎么运行，NPM 帮你统一记账和执行。
包管理器Package Manager
“把项目需要的第三方工具统一装好、记好版本。
依赖Dependency
“你的项目借用了哪些别人维护的能力。
构建Build
“本地产物已经生成，为什么还不能宣布公开上线？
打包工具Bundler
“把许多小代码文件整理成浏览器容易加载的成品包。
Vite
“写页面时更新快，发布时又能产出正式资源的工具。
TypeScript
“先把数据应该长什么样说清，少等运行时才发现写错。
代码检查Linting
“代码还没运行前，先检查明显的坏习惯和低级错误。
依赖锁定文件Lockfile
“把这次安装到的每个零件版本记死，让别人装出同一套环境。
版本Version
“给每一版成品贴上号码，知道当前用哪版、哪里变了。
Python
“需要做数据清洗、内容处理、脚本自动化或后端服务时。
Vue
“需要把模板、交互状态和样式组织成可维护的页面组件时。
Next.js
“React 网站还需要搜索可见页面、服务端逻辑和统一工程结构时。
Tailwind CSS
“团队希望用受约束的设计尺度快速实现大量一致界面时。
shadcn/ui
“需要可靠组件起点，又希望源码和视觉完全掌握在自己项目里时。