前端男神尤雨溪传奇

论中国对开源世界的贡献，尤雨溪一定占用一席之地。

前言

本文探寻尤雨溪的成才之路，解密vue背后的动人故事。尤雨溪以一介文科生，而成长为计算机界的大拿，成功之道何在？我虽乏史迁笔法，但有史迁雄心，搜罗网络，荟集成文，以飨读者。

话说，尤大的英语口语让我辈仰止。

成长之路

从小学到初中

1987年，尤雨溪出生在无锡一户注重教育的家庭。1987是一个神奇的年份，球王梅西，台球神童丁俊晖相继来到这个世界上。爸爸是公务员，妈妈在大学教书，后来去了银行。上小学时，按照惯例，10月及以后出生的适龄儿童要等下一年才入学，而尤雨溪的爸爸不这么做，相当于让尤雨溪提前一年上了小学。

小学的尤雨溪，虽有一台486，但并不用它学编程，而是经常缠着表哥帮他装游戏，一次，看到表哥在家里玩《无悔的十字军战士》，感觉很酷，就让表哥也帮他装一个。但自己的486只有 4MB内存，没法装。后来表哥帮他升级了 8MB 内存条，才装上了他心爱的游戏，尤雨溪因此超级崇拜表哥。尤雨溪经常去家旁边的网吧玩，一来二去，跟网吧老板混熟了，人少时，老板免费让他玩。慢慢地，网吧为大众接受，尤雨溪再去网吧，家里人也就不管他了。 当时奥数风潮正兴，小学快毕业时，为稳妥进入当地最好的初中，对数学没太大兴趣的尤雨溪参加了奥数比赛并且拿到了奖。爸爸兑现奥数拿奖承诺，在小学升初中的暑假，奖励了尤雨溪一台奔腾2，尤雨溪非常开心，终于可以玩《帝国时代》了！游戏之余，尤雨溪开始用 Windows 自带的画图工具，在电脑上画画，积攒了30多幅画作。这是尤雨溪最早的作品。 大桥中学一直是无锡最好的民办初中，师资力量很强。在这里的三年是尤雨溪学生时代压力最大的时期。「学校课程排得非常满，早上6点就要吃早饭准备上学。」班里竞争激烈，全班40个学生，尤雨溪成绩一直是中上游水平。「考进前10名就算很好的了。」 尤雨溪爸爸人大毕业，考过托福，但专业所限没能出国，出于这份执念，从初一开始，爸爸就一直逼尤雨溪背单词。尤雨溪在校学习强度本来就很大，双重压力之下，尤雨溪失去了学习的热情，可他还是很听话，一切尽力为之。 申请到美国本科「全奖」 周末，上海到无锡回家的火车上，尤雨溪还在背《新概念英语》。到家，爸爸会抽查，背不出来就要挨骂，尤雨溪因此恨过爸爸。《新概念英语》从第三册起难度陡然增加，需理解文章逻辑才容易背诵。背完《新概念英语》第四册后，尤雨溪英语水平到达了新高度。平时英语课不太认真，考试
同样能拿高分，到此尤雨溪又开始感谢爸爸逼了自己一把。

高中三年

2002 年，复旦附中还在面向全国招生，1000多人参考，招50名外地学生。「大我一岁的好友先考进了复旦附中。他将这个消息告诉了我。」「可想而知，信息差对一个人的影响有多大。如果当时不知道外地生能考复旦附中，我就错过了一次重要的机会。」 在复旦附中的三年，尤雨溪过得很开心，没有初中那么大压力，有时下午四点多就放学了，尤雨溪就会和几个同学去网吧打游戏。复旦附中有各种社团，是国外通识教育的氛围。「学校生活开销也不大，食堂的伙食很便宜，偶尔会租一些漫画、小说来看，玩游戏会花一点钱。」 复旦附中一位学长被哈佛录取，触动尤雨溪开始申请美国本科，但时间有些晚了。当时国内无法考 SAT ，要到香港去考，可尤雨溪还要上课，根本来不及安排去香港，更别说备考了。因此，尤雨溪考了托福，却因没请中介，自己拿托福成绩「裸申」而均以失败告终，这些学校根本不考虑没有 SAT 成绩的学生。尤雨溪也尝试性地申请了哈佛大学，拒绝信寄到了复旦附中门卫，大家看到，以为尤雨溪也被哈佛录取了，尴尬的他，只能告诉大家自己是被拒了。万般无奈之下，尤雨溪去请教那位考上哈佛的学长，学长告诉他：第二年三月还有一批常规录
取。另外，可以多逛逛留学美国本科的交流平台 CUUS 论坛。在 CUUS 论坛，尤雨溪了解到美国文理学院（Liberal Arts College）以本科教育为主，规模小而精，顶尖文理学院的学术声誉完全不输常春藤名校。在三月第二次申请后，尤雨溪很快拿到了两三个录取通知书，都有全额奖学金，他选择了离纽约比较近的学校 Colgate。 拿到 Offer 后，尤雨溪就不想国内高考的事了，开始在附中混日子。爸爸警告他签证还没下来，如果最后拿不到，高考又考砸了，那就完了。尤雨溪就很不情愿地继续备战高考，结果考上了复旦大学。

被爸爸逼到失去学习热情 最小玩家尤雨溪躲在老家旁边的网吧玩《红色警戒》。爸爸冲进来，揪着耳朵把他拎回家！

大学六年

2005年，18岁的尤雨溪踏上了美国征程。已在波士顿的表哥开了好几个小时车将他送到学校。尤雨溪完全没想到 Colgate 在纽约郊区一个几千人的小镇里，虽然像个世外桃源，但没车寸步难行。「本科四年过得比较憋屈。」 学金融，一方面是爸爸的主意；另一方面，「那时计算机专业还没有后来这么热门，大部分同学都会选择数学、金融这样的专业，因为这些领域更容易找到 H-1B（工作签证）的工作。」

Colgate 培养了很多金融领域的人才，每年会有一些金融企业来学校做宣讲招聘。 尤雨溪很早就玩 Flash 动画制作，还做了一个作品集，他随意把一些作品发到网上的互动设计论坛里，结果被北京一家公司的创意总监看中，邀请他到北京实习。尤雨溪的作品和作品意识一直是他人生的杠杆，为他创造机会，放大效益。 在 Colgate 大二快结束时，尤雨溪当面跟爸爸讨论了专业问题，他对金融不感兴趣。尤雨溪要用一年时间在艺术设计方面做出点成绩来，这是他第一次说服爸爸。 北京的半年实习彻底改变了尤雨溪，他决定要做一名设计师。再回到 Colgate，尤雨溪放弃金融坚定地选择了艺术专业（Studio Art）。遗憾的是 Colgate 严格说只有一个老师真懂数字艺术，尤雨溪需要自己摸索专业知识。当 Flash 可以用 ActionScript 语言写脚本时，尤雨溪开始做一些简单的互动，接着尝试实现复杂场景。学到 ActionScript 3 时，尤雨溪对编程就有了些概念。但凡基于实践需要，再难，尤雨溪都会主动去学。 「好在并不是所有类型的编程都需要数学功底」，因为尤雨溪的数学学得不算好，对他感兴趣的方向来说，「编程更需要逻辑分析能力」，而他在 Colgate 逻辑课拿了 A+ 。尤雨溪学编程出于视觉驱动，他看到别人做出了一个很酷的东西，就开始想，怎么写代码才能做出这种效果？当然也会尝试反向编译别人的源码。

让艺术插上技术的翅膀 尤雨溪学会ActionScript 3 后，开始做带互动的实验性网站。一做就是一个通宵，第二天出去吃个饭，回来睡俩小时继续干。尤雨溪庆幸自己具备这种长时间保持专注的能力。

GitHub 的出现让他十分开心，他天天在上面看别人的源码，看到源码，就能弄明白一个东西是怎么运作的。尤雨溪的编程一直是结果导向。 尽管如愿以偿，开始数字艺术专业学习，但尤雨溪知道数字艺术专业找不到工作，他必须读硕士，将艺术插上技术的翅膀。在四、五个 Offer 中，尤雨溪选择了 Parsons（帕森斯设计学院），因为他还是想留在纽约。Parsons 的同学非常跨界，有的同学是工作了几年的设计师想学编程，有的是经验丰富的软件工程师想搞艺术，他们来自不同的国家和地区。

纽约是个大熔炉。 硕士阶段没有奖学金，「花了家里不少钱。」所以尤雨溪很拼，努力学到了很多东西。「这么多花销，如果再不努力，最后再找不到工作，就太说不过去了。」在此期间，尤雨溪不仅学习了 openFrameworks、动画算法等技术，还接触到了JavaScript 编程语言，并在 JavaScript 这条路上越走越深。

入职Google

2011年，尤雨溪迎来自己的毕业季。

2012年，Facebook 的一位团队负责人在网上看到尤雨溪用 JavaScript 在 Web 实现 Clear App 滑动操作的视频，立即邀请尤雨溪到 Facebook 面试。此时 Facebook 对 Web 的兴趣比 App 大，认为用户在移动端会延续PC 端的网络使用习惯，更多地使用手机浏览器，而非 App。尤雨溪能在浏览器复刻 App 效果，很合 Facebook 胃口。 四、五轮面试后，一位华裔工程师面试尤雨溪，他问「JavaScript 原型链是什么？」尤雨溪完全回答不上来。「之前只学了实现目标任务的技术，并没有对JavaScript 进行系统学习。」

从 Facebook 败下阵来，尤雨溪重新啃 JavaScript 教材。「把JavaScript 语言的每个细节都过了一遍。之后，别人再问，JavaScript 是怎么回事？我总能说得头头是道。」
几个月后，当尤雨溪正为硕士毕业后的工作着落发愁时，意外收到了 GoogleCreative Lab 猎头的邮件，问他有没有兴趣聊聊？尤雨溪当时就兴奋地回邮件说好！电话即刻响起，猎头在电话那边说明项目后，没提面试的事，直接问尤雨溪是否有兴趣加入。

Google Creative Lab 每年招5个应届生：项目经理、文案、平面设计、动画设计、交互技术各一人，组成 The Five 团队，尤雨溪负责交互技术。此刻的尤雨溪感到了天生我才必有用：「程序员最讲究的就是作品，光说没用，代码要拿出来溜溜！所以现在程序员都得有自己的 GitHub。」 兴奋的尤雨溪赶紧通知远在中国的爸爸，自己被 Google 录取了。尤雨溪爸爸却纳闷了：儿子，一个艺术生，怎么能去 Google？但他还是非常、非常地高兴！ Google Creative Lab 是个非常有意思的地方，这里以做创意类的东西为主，延续了 Google 早期奔放的做事风格。「不少搞技术的都是创意领域的精英，拿过很多大奖。」Creative Lab 工作节奏非常快，创意总监出一个想法，俩小时后，平面设计师就做出一个工作流程，紧接着就需要尤雨溪当天把原型在 Web 上实现。「哇！这么酷的东西，居然让我来做！」Google Creative Lab 80%~90% 的项目都是保密的，是Google 的内部产品，属于团队内部探索。「一个产品现在是这个样子，5年后和10年后它可以变成什么样？10年后的交互还是不是这个形态……」

工作之余，尤雨溪开始开发自己的「玩具框架」 Seed。Google 的工作内容偏重开发速度，而尤雨溪想沉淀一些更工程化的技术能力，另外，每次都靠作品获得机会的尤雨溪单纯觉得「要有作品可以开源，作品才是成就感」。 Seed便是 Vue 的雏形。 创意行业，设计师非常看中技术人员还原设计稿意图的能力，要求技术人员首先能很好地理解设计意图，其次要有审美能力。尤雨溪在团队的头衔叫 Creative Technologist，负责把创意转换成看得见、摸得着，能够交互的程序。Google 看重尤雨溪用技术手段将创意展现出来的能力和细节方面的执行力，在 Google，像尤雨溪这样的人不多。 但尤雨溪在 Google Creative Lab 做了两年多就离开了，他不想总在不同的项目间跳来跳去。「在这里，我们做了好多内部原型，用来反馈各种各样的创意想法。一般1~2周做完，先是内部讨论，觉得这东西有意思，然后把狂放的想法中比较实际的东西提取出来，交给产品团队。产品团队看到我们的东西通常会说：‘很棒，不过有点太酷了，我们可以把里面的一些东西搬到现实的产品中来。’然后就没下文了。」 尤雨溪渴望做出来的东西能传达到用户手里，更想看到它能在世界上
产生些影响。当然，现在 Google 的产品中，有些能看到当年他们所做东西的影子，但这个反馈周期太长了…… 。
尤雨溪离开 Google 没立刻告诉爸爸，他怕爸爸担心他的未来……全职做 Vue。尤雨溪又瞒了爸爸一年……

加盟Meteor

从谷歌离职后，尤雨溪没有立刻全职开发Vue，而是加入一家创业公司Meteor全职远程工作。做远程工作不仅能提前适应全职搞开源的节奏（在家办公），也能为Vue在社区的发酵提供缓冲期。正是在这一期间，Vue被Taylor Otwell（Laravel作者）所知，并推广到Laravel社区。

2014年10月，Meteor 邀请尤雨溪到硅谷分享他的个人作品 Vue，随即便邀请尤雨溪加入公司。「Meteor 是第一个用 JavaScript 做全栈的公司，概念很超前，当时 JavaScript 生态正在 npm 带动下快速爆发。」不想再在 Google 做颗螺丝钉的尤雨溪欣然接受邀请，开始在新泽西远程为 Meteor 工作。 尤雨溪愿意从 Google 离职，更多是为了诞生于2014年2月的 Vue 能在专注做框架的 Meteor 公司得到更好的发展。Vue 是创建用户界面的 JavaScript 框架，也是创建单页 Web 应用的框架。互联网 UI 设计师要想让自己设计的页面生动起来，就需要学 JavaScript 编程，Vue 提供的 JavaScript 框架，能帮助没有经过太多编程训练的 UI 设计师，快速接受并理解规范的编程理念，减少底层编程的工作量。 刚到Meteor，尤雨溪就建议 Meteor 拥抱 npm 生态圈，「把整个框架改造成一个能直接使用 npm 生态的包。」当时 Meteor 自己有一套包管理系统，与 npm 并不兼容。Meteor 认为尤雨溪的建议是一次成本很高的重构，风险太大，没有采纳。直到后来尤雨溪的建议被市场证明，Meteor 才开始拥抱 npm，但为时已晚。 对于尤雨溪来说，在 Meteor 工作的这一年，Vue 演进顺利，他也对前端框架的架构有了自己的理念。但 Meteor 却是个极端一体化的框架，前端、后端、数据通信甚至数据库都要特别指定。「指定数据库这一点极大限制了它作为一个全栈框架的适用范围，把自己的市场份额压缩得非常小，是个败笔！」尤雨溪在 Meteor 没有技术决策话语权。

后来，Meteor 竟选择押注 Facebook 的React，而不是尤雨溪的 Vue。 判断出 Meteor 框架没有前途，尤雨溪一下子失去了动力。「我做的这些事也不能让 Meteor 起死回生，还不如辞职，全职去做Vue。」「我宁愿快乐地工作12个月，也不愿不快乐地赚11个月的高薪，然后休1个月假，花钱买快乐。」。

vue创世纪

后来的事情大家都知道了，正如文章开头所说，尤雨溪在硕士毕业后，先后供职于 Google Creative Lab、Meteor，全职做 Vue。

2016年2月尤雨溪毅然从 Meteor 离职，开始凭一己之力挑战 Facebook 的 React、
Google 的 Angular。时间轴拉到2021年，Vue 在全球最佳 Web 前端框架中排名第二，成为
GitHub 上最受欢迎的项目之一。 GitHub 是尤雨溪的办公室和杠杆。尤雨溪一直认真阅读
GitHub 上对 Vue 提交的 PR（Pull Requests），以此判断提交 PR 的用户对 Vue 的理解，如果这个用户所发的 PR 和尤雨溪的想法重合两三次，尤雨溪就会邀请他加入 Vue 开源团队。GitHub 不仅是尤雨溪找用户的地方，还是尤雨溪找团队的地方。那些在 GitHub 上活跃的 Vue成员不一定非要写代码以及做技术上的贡献。「发现问题、回答问题、帮助社区新人上手或修改文档等，都是非常有价值的贡献。」Vue 团队成员因迫于生活压力或技术兴趣转移等因素离开，也很正常。「一个开源社区想要有活力地延续下去，就要不断发掘、吸纳新鲜血液，更要给新人成长空间。」「开源的活力就在于每个参与者都在真正自主地做事，大家都希望项目变得更好。」 Vue 诞生在 Google 2013年，纽约，Google Creative Lab。Google 很多项目在这里实验、诞生。尤雨溪在用 Google 的 Web 前端框架 Angular 1（现在叫 AngularJS）实现各种新奇、非传统的交互创意。他一边快速完成创意总监交派的工作，一边从设计师角度简化AngularJS，就此埋下一颗颗替代 AngularJS 的种子。

2016年2月，新泽西，29岁的尤雨溪着手在 Patreon 众筹平台开设账号。接着，他呼吁 Vue.js（以下简称 Vue）用户赞助 Vue 全面开源。尤雨溪好友郭达峰立即响应，使用其公司开源基金，向 Vue 提供了为期6个月、每月3000美元的支持。尤雨溪的月收入很快达到4500美元，但依然不到供职 Meteor 公司时月工资的一半。

此后，他逐渐找到了适合自己的工作与生活节奏，也将 Vue 送入了 GitHub TOP3 Repo。这一切看似不难，如同每一次人生选择，之后的发展轨迹便顺理成章一样。尤雨溪本人则认为，时机、坚持、基于用户去思考，三者缺一不可。

尤雨溪给我们的启示

英语是敲门砖，绝不可放过

抓紧背《新概念》四本书吧，抓紧把《走遍美国》听得滚瓜烂熟吧，抓紧练好尤雨溪和马云一样的口语吧。这不紧紧关系升学，还决定着你的天花板。你能不能走遍全球，和不同国家的开发者沟通，决定着你能走多远。

兴趣是最好的老师，非科班出身一样能做好编程

帝王将相宁有种乎？优秀程序员从来就不问出身。

要学编程，先要有定力

能不能沉下心来一坐几个小时，是测试你是不是搞开发的料的试金石。没有定力，就没有执行力。

信息差很重要，影响着我们的决策

很多时候，是你压根就不知道有这么回事，才导致你和别人产生了差异。
一定注意扩大自己的知识面，要花点时间关注横向的信息，也就是信息的广度。
建立自己的知识库，信息库，保持信息渠道通畅。遗漏重要信息的后果是严重的。

本文参考

• 尤雨溪 Vue 登榜 GitHub 之路
• 在框架设计中寻求平衡