小张刚学完 Vue 和 Node.js，想找个实习，投了 12 份简历，只收到 1 个面试邀约——对方打开他 GitHub 主页，扫了一眼就关掉了。问题不在技术，而在作品集：首页是空的 README，三个仓库名分别是 my-first-app、test-backend、final-project，点进去全是没注释的代码和没截图的界面。
别把作品集当代码备份
作品集不是你写过的所有代码合集，而是你给招聘方讲的一个「我能搞定完整功能」的故事。比如：你用 React 做了个图书借阅系统，前端有搜索+借书弹窗+用户状态提示，后端用 Express 提供借阅接口，数据库存用户和书籍关系，还配了 Docker 启动说明——这比 5 个独立的“Hello World”项目有力得多。
3 个必须有的模块
① 首页一句话说清你是谁
别写“热爱编程的全栈学习者”，改成：“能从设计图开始，独立完成响应式前端 + RESTful API + MySQL 数据库部署的全栈开发者”。后面跟上 2 个最拿得出手的项目缩略图+一句话效果（如：“上线 3 个月，日均处理 800+ 订单”）。
② 每个项目单独一页，包含：
- 真实场景（不是“练习项目”）：比如“为本地宠物店做的预约管理工具，店主现在每天用它排班”；
- 截图或录屏 GIF（带箭头标注关键交互）；
- 技术栈图标（Vue、PostgreSQL、Nginx），不写版本号；
- 一行可运行命令：
git clone https://github.com/yourname/pet-booking && cd pet-booking && npm install && npm run dev③ 技术细节页（可选但加分）
挑一个项目，放一段你解决的实际问题。比如：
// 用户提交表单后，原逻辑会卡顿 2 秒
// 改用防抖 + 后端异步队列，响应时间压到 300ms 内
const handleSubmit = debounce(() => {
api.submitOrder(orderData).then(showSuccess);
}, 300);别踩这些坑
• 不放线上地址？那就贴个 Cloudflare Pages 或 Vercel 的链接，哪怕只是静态页；
• 后端代码全公开？至少把 .env 示例文件留下，实际密钥删干净；
• 只有 PC 端？加一句“适配 iPhone SE 到 iPad Pro 所有尺寸”，再放张真机截图。
最后提醒一句：作品集不是等技术完美了才开始做。你刚做完一个 TodoList，就把它做成带登录、数据持久化、暗黑模式的版本，起名叫 todo-pro，配上部署步骤——这就是你的第一个有效作品。