Vue2 核心成员战斗力：几天内把 Flow 重构为 TypeScript！

作业来源于 4 月 7 号晚上，尤雨溪在推特说，Vue2 收到了一个将整个代码库搬迁到 TypeScript 的 PR。

去 Github 围观了一下chore:招聘 move to typescrnode.js结构ipt 这个 PR，基本上是 10wtypescript文档 行等级代码量的改动，把整个 Vue2 的代码库从原先的 flow 类型体系悉数搬迁到了 TypeScript，包含代码、构建体系、各种 lint 东西等等，惊骇node.js面试题的战斗力！

这个 PR 的贡献者是 Carlos Rodrigues，以下是他github的毛遂自荐：

Fu全栈开发llstack degithubveloper, interest招聘Node.js信息最新招聘2021e招聘网站哪个靠谱d in @vuejs, @dotnet and @nodejs.全栈开发工程师

Typescr招聘网站哪个靠谱ipt ‍♂️

Consultant ️‍♂️

全栈开发工程师，Vue.全栈开发者js、dotnet、Node.js 的爱好者。

Ty招聘图片大全图片漂亮peScript 魔法师 ‍全栈开发者网址♂️

参谋 ️‍♂️。

来源

Vue2 为什么最开端选择 Flonode.js是干什么的w 作为类型体系？其实在一个 2016 年招聘模板的知乎招Git聘问题Vue 2.0 为什么选用 Flow 进行静态代码检查而不是直接运用 TypeScript？里，尤雨溪现已详细说清楚这个问全栈开发工程师题，以下是当时他的答复：

这个选择全栈开发者最根柢的仍是在于工程上本钱和收益的考量。

Vnode.js 教程ue 2.0 本招聘身在初期的快giti轮胎是什么品牌速迭代阶段git指令是用 ES2015 写的，整个构建东西链也沿用了 Vue 1.x 的依据 ES 生态的一套（Babel, ESLint, Webpack, Rollutypescr全栈开发者ipt装修器p…)，悉数换 T全栈开发者S 本钱过高，短期内并不Git实践。

比较node.js是前端仍是后端之下 Flow 关Node.js于已有的 ES2015 代码的迁入/迁出本钱都非常低：

1. 可以一个文件一个文件地搬迁，不需求一竿子全弄了node.js框架。
2. Babel 和 ESLint 都有对应的 Flow 插件以支撑语法，可以完全沿用现有的构建配node.js装置备；
3. 更挨近 ES 标准。除了 Flow 的类型声明之外，其他都是标准的 Egithub开放私库S。假定哪天不想用全栈程序员要学哪些东西 Flow 了，用 babel-plugin-tragithubnode.js环境配置开放私库nsform-ftypescript装修器low-strip-types 转一下，就得到符合标准的 ES。
4. 在需求的当地保存 ES 的灵活性，而且关于生成的代码标准有更好的控制力 (rollup / 自定义 babel 插件）

不过在 2018 年的时分，尤大更新了答复，真香规矩再现：

也正因如此，Vue3 从一开端就选择了 TypgitlabeScript 作为类型体系。

困扰

那么或许有人要问，Vue2 不是现已安稳了吗，何必再大费周章的把这么多代码搬迁到 Tynode.js下载peScritypescript有什么优势pt 中呢？其实在之前 Vue3 丢掉 IE11 的 RFC 中就有提及，github之后仍是会为 Vunode.js装置进程e 2.7 去参与一些和 Vue3 语法更类似的功用：

• 把 @vue/composition-api plugin吞并进 Vue2。这会让运全栈工程师薪水用 Composinode.js环境配置tion API 开发的库一同支撑 Vue2 和 Vue3。
• 单文件组件（SFC）中的script setup语法。
• emits 选项。
• 行进 TypeScript 类型支撑。
• 在 Vitypescript面试题te 中正式支撑 Vue 2(现在通过非官方插件)

而这些功用的开Node.js发和适配，假定持续用 flow 的话招聘模板，势必会带来一些割裂的开发体会。一些现已用 TS 开发好的库，也没办法做代码的吞并。事实上 TwTypeScriptitter 也有网友提出了这个问题，招聘信息最新招聘2021PR 作者进行typescript es6了答复：

简略来说，就是为 Vue 2.7 的开发做准备，尤其是 composition-api 的代码吞并。

详细内容

先看作者对这次更新的简略描招聘信息最新招聘2021绘：

1. 代码格式化风格更新。
2. 重构招聘海报。
3. 构建相关的改动。
4. 代码库更新为 TypeScript 编写。

值得一提的招聘模板是，更换成 Ttypescript面试题S 之后，生成的代码全栈开发工程师体积都有全栈开发什么意思少typescript es6数的增加，作者猜测是 TS 参与了一些 runtime 的代码导致的：

第一个 Commit 中，作者把代码的类型悉数改成 .ts，移除文件开端 flow 的符号，而且把类型的语法悉数替换成 TypeScript全栈开发全栈工程师者：

作者用 TS 的 import type 语法重构github了github永久回家地址类型导入，我个人也比较喜爱这样导入类型，更有助node.js面试题于差异导入的内容：

单测东西的更新，以及 TS 的支撑，运用 ts-loader 做编译：

RollUp 版其他一次大晋级：

ESLint 也需求一些改动，运用 @typescript-eslint/parser，承继的一些举荐预设也改为 @typescript-eslint/typescript有什么优势eslint-recommended。node.js 教程

CI 中原本 flow 的类型检测，也改成运用 tsc招聘网站哪个靠谱 --notypescript教程阮一峰Emit 做 TS 的类型检查。

点评

可怕的是，这个如此巨大的 PR 是作者在几天内完毕的，这战斗力简直是惊人。

Twitter 的议论中有人提问：“把如此巨大的代码库搬迁到 TypeScript 需求多长时全栈程序员要学哪些东西间？”

作者答复：在几小时内招聘重命名文件，把 flow types 重写成 TS 类型并修改过失，之后的几天主要是忙构建、测验相关的作业。

对此，外国推友也表全栈工程师需肄业什么明很震动：

“你简直是个机器”：

“他日子的世界中，1 小时可以顶我们 24 小时，或许也或许他是用光速在敲代码”

C招聘软件amiloR：“太棒了，很快乐中心团队之外，也有人支付全栈工程师如此多的竭力全栈程序员要学哪些东西”

C招聘软件a招聘案牍rlos：“我就是中心团队的成员 ”

总结

不得不感叹，十倍工程师是实在存在的……这样一Node.js次node.js环境配置巨型typescrtypescript教程ipt有什么优势代码库搬迁只花了短gitypescript和js的区别tlab短几天时刻，其实也体现出作者在 TS 生态、构建以及测验相关方面的了解程度。

感谢 Vue 中心团队成员们夸大的战斗力，给招聘前端界带来这么优异的结构而且持续迭代和优化。

Vue 3 虽然是未来，但是 Vue 2 也不全栈工程师会被丢掉全栈开发，搬迁到 TS 往后的 Vue 2 具有更typescript es6强的代码可移植性，一定会绽放出更多精彩node.js 教程。

感谢我们

我是 ssh，现在上任于字节跳动的 Web Infra 团队，现在团队在北上广深杭都还缺人（尤其是北京）。

我组建了一个气氛特别招聘模板好的招聘社群，我们在里面纵情的议论面试相关的主意和问题，也欢迎你参与，随时投递简历给我。