GitHub 36 万星的开源路线图：程序员成长最良心的一份地图

不知道你有没有过这种经历：下定决心要学一门新技术，打开浏览器搜了一圈教程，看了三天，越学越懵——

这个和那个有啥区别？我学的东西过时了吗？下一步到底该看啥？

方向感这东西，比努力本身更金贵。而今天要聊的这个 GitHub 项目，就是把"方向感"直接打包好递到你手上的那种存在。

它叫 developer-roadmap，背后就是大名鼎鼎的 roadmap.sh 网站。目前星标已经超过 36.8 万，常年挂在 GitHub 热门榜前几名，说是全球程序员共同的"学习导航"一点不夸张。

项目品牌图

它到底是个啥

一句话：一整套覆盖上百个岗位和技术方向的交互式学习路线图。

前端、后端、DevOps、全栈、Python、Rust、AI 工程师、产品经理、运维、网络安全……你能想到的技术方向，它基本都有。每一条路线都是一张精心画的技能树，从入门到进阶，每个节点点开还能直接看对应的讲解和推荐资源。

最妙的是，它完全免费，社区驱动。全球几千位开发者一起维护，内容一直在更新。2026 年该学什么，路线图上就是什么，不用你自己去猜。

为啥说它能"救命"

我认识不少转行的朋友，最大的坑不是学不会，而是学了一堆用不上的东西，时间哗哗流走。

拿前端举例，网上说什么的都有。今天有人说要精通 Vue，明天又吹 Svelte，后天冒出来个新框架。你跟着风向跑，跑一年还在原地。

而这张路线图把顺序给你排得明明白白：先 HTML、CSS，再 JavaScript 基础，然后框架，最后工程化和性能优化。每个阶段该掌握到什么程度，标注得清清楚楚。

前端路线图你就照着走就行，不用纠结，不用反复横跳。这种"无脑跟"的体验，对自学的人来说真的太友好了。

怎么使用？零门槛

其实大部分人根本不用安装任何东西，打开网站就能用：

• 打开 roadmap.sh
• 在首页挑一条和你目标匹配的路线，比如"Backend"或者"AI Engineer"
• 点进去，整张技能树就铺开了
• 点任意一个节点，会弹出这个主题的详细说明和精选学习资源
• 看完一个勾一个，进度随时能保存

对，它还有账号系统，可以标记"已完成"的节点，过段时间回来看看自己走到哪了，成就感拉满。

AI 工程师路线图

想本地跑一份？也行

如果你想离线看，或者想给项目贡献内容，可以把项目克隆下来自己跑。官方推荐的步骤是这样的：

首先确保你机器上装了 Node.js 和 pnpm（没装 pnpm 的话，npm install -g pnpm 一下就行）。

git clone git@github.com:nilbuild/developer-roadmap.git --depth 1
cd developer-roadmap
pnpm add @roadmapsh/editor@npm:@roadmapsh/dummy-editor -w
pnpm install

装完之后，记得把 .env.example 复制一份改名为 .env，不然跑不起来。然后启动：

pnpm dev

打开浏览器访问本地地址，一个完整的、可交互的路线图站点就在你电脑上了。亲测整个过程大概五分钟，没啥坑。

不只是路线图

这个项目真正让我觉得"值一颗星"的，是它额外送的两样东西。

一个是 Best Practices 系列。比如"代码评审最佳实践"、"前端性能优化清单"、"API 安全自查表"，都是那种可以直接搬进团队文档里用的干货。

另一个更有意思：面试题库。JavaScript、React、Node、后端……每个领域都有一堆高频面试题，你可以在线自测。准备跳槽的时候刷一刷，心里特别有底。

后端路线长这样，密集程度感受一下：

后端路线图

还能白嫖一个 AI 陪练

近几年他们还加了 AI 相关的玩法。你可以对着路线图提问，让 AI 帮你生成学习计划，或者根据你的基础推荐起点。相当于免费请了个学习规划师，这个功能藏得比较深，很多人都没发现，用过都说香。

DevOps 路线图

最后说两句

技术圈最不缺的就是焦虑，最缺的是一张清楚的地图。这个项目火了快十年还在持续更新，靠的就是"真的有用"四个字。

不管你是刚入行的小白，还是想转型的老鸟，或者是准备面试的求职者，都值得把它放进收藏夹。照着路线图走半年，回来看这篇文章，你会感谢现在的自己。

如果它帮到了你，也去 GitHub 给作者点个星，开源世界就靠这种双向奔赴活着。

源码地址：https://github.com/nilbuild/developer-roadmap