--- theme: vuepress --- hello，大家好，我是Sunday。很多同学经常问我： **大厂使用 Vue 多还是 React 多？** 通常情况下，我的回答都是：**React 会稍微多一些。** 但是具体多多少，我说不出来。不过今天我看到了一篇很好的文章（原文地址：https://www.toutiao.com/article/7284844340973699599）。所以，分享给大家。 --- # 正文内容如果想成为一名优秀的开发工程师，甚至是架构师，那必须要掌握一套高效的研发流程。研发流程是否合理直接决定了研发的效率和成本，也直接关系到产品的优劣，其重要性毋庸置疑。所以，不论是大厂还是小厂都会不断优化研发流程。市面上一些常见的工具，如前端框架Vue、React，构建工具Webpack、Rollup、Vite等也都是为此而生。作为行业的风向标，大厂在研发流程上比小厂更加高效，工具也更加多样。例如，小厂创建项目可能会直接使用vue-cli或者create-react-app，但是在大厂，则会通过定制脚手架创建或者直接在前端研发平台实现。通过脚手架创建项目的好处显而易见：可以根据不同团队、不同类型项目定制专用的模板；也可以根据创建过程中输入的参数修改项目中名称、版本、描述等相关内容，缩短研发时间。因此，**剖析大厂的研发流程，不仅能接触超前技术，触摸到未来的行业发展趋势，更能提升个人的技术视野，把经验应用到实际的工作中。** ## 全文大纲 * 揭秘工具Wappalyzer介绍 * 字节跳动系列 * 腾讯系列 * 阿里巴巴系列 * 百度系列 * 京东系列 * 美团系列 * 网易系列 * 拼多多 * 哔哩哔哩 * 知乎 * 爱奇艺 * 微博 * 大厂前沿技术统计结果 ## 揭秘工具Wappalyzer介绍 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/fb070368ee044857bc247dbbd12f04e0~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1879\&h=993\&s=341684\&e=png\&b=fdfdfd) [Wappalyzer 官网](https://www.wappalyzer.com/) Wappalyzer是一款开源的浏览器扩展，用于识别网站所使用的技术栈。它能够检测出使用的Web服务器、内容管理系统、编程语言、JavaScript库、框架等信息，并将其展示给用户。 ![Wappalyzer支持多种浏览器](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3ed48755a85d441192c25252ad56e4bc~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1873\&h=962\&s=238184\&e=png\&b=fefefe) Wappalyzer支持多种浏览器，包括Chrome、Firefox、Edge、Safari等，并且可以在Windows、Mac和Linux操作系统上运行。安装和使用Wappalyzer非常简单，下面我将介绍具体步骤。 ### 安装Wappalyzer * 打开浏览器，访问官网，点击页面右上角的“Install for”按钮，选择自己使用的浏览器。 * 点击“Add to”按钮，然后根据浏览器的提示进行安装即可。 * 安装完成后，浏览器右上角会出现Wappalyzer的图标，表示已经成功安装。 ![安装Wappalyzer](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/770f14902a4e42d59cf2f6424b3806f6~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1647\&h=914\&s=332156\&e=png\&b=f8f8f8) ### 使用Wappalyzer ![使用Wappalyzer](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8578d52bee674649aaa510dabbb51f56~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=796\&h=574\&s=149023\&e=png\&b=fcfcfc) * 打开需要识别技术栈的网站，点击浏览器右上角的Wappalyzer图标。 * 在弹出的菜单中，可以看到该网站使用的技术栈，如Web服务器、CMS、JavaScript库等。 * 点击具体的技术栈，可以查看该技术栈的详细信息，包括版本号、官方网站等。 * 在Wappalyzer的设置中，可以选择显示或隐藏某些技术栈，也可以设置自定义规则来识别特定的技术栈 ## 字节跳动系列前沿技术汇总如下： * React：抖音、懂车帝、掘金、飞书、西瓜视频 * Vue：掘金 * Next.js：懂车帝 * Nuxt.js：掘金 ### 抖音网页版官网： ![抖音网页版 -React](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7ab0db99f44f4a51bf25563ca8a99078~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=518\&h=579\&s=127835\&e=png\&b=fcfcfc) ### 懂车帝官网： ![懂车帝 -React和Next.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/918deff7f06049b19dd1c0f7e80030de~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=519\&h=570\&s=138000\&e=png\&b=fcfcfc) ### 掘金官网： ![掘金-react、vue和nuxt.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f2d2260c921c49938aadc8dd48805a8b~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=646\&h=556\&s=150910\&e=png\&b=fdfdfd) ### 飞书官网： ![飞书 React](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/cf19ad9edc1d414f8cd7be7481af6511~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=517\&h=574\&s=133047\&e=png\&b=fdfdfd) ### 西瓜视频官网： ![西瓜视频 -React](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d55784c3c2d74d85919d481ff7ddcf60~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=511\&h=513\&s=105798\&e=png\&b=fcfcfc) ## 腾讯系列前沿技术： * React：腾讯网、腾讯云、QQ音乐、腾讯会议； * Vue：腾讯视频、微信公众平台 * Next.js：腾讯会议构建工具： * Webpack：腾讯云、微信公众平台、腾讯会议 * Vite：腾讯视频、腾讯云 ### 腾讯网官网： ![腾讯网 react和Next.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8b25ab5af0064e669ec0078efdcf3b17~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=516\&h=565\&s=120947\&e=png\&b=fdfdfd) ### 腾讯云官网： ![腾讯云 React](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4f2df33370b341aab1eb0fb76944fa43~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=512\&h=575\&s=127392\&e=png\&b=fdfdfd) ### QQ音乐官网： ![QQ音乐 React](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/be51b7babcc34411b7fa81afb9de313b~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=493\&h=385\&s=67583\&e=png\&b=fdfdfd) ### 腾讯会议官网： ![腾讯会议 React和Next.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b4fafe68abf145c7a196ae11c96068b1~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=512\&h=566\&s=110246\&e=png\&b=fdfdfd) ### 腾讯视频官网： ![腾讯视频 Vue](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/95b03efd12bd4661b0435e98a4f8d1d4~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=500\&h=468\&s=89243\&e=png\&b=fdfdfd) ### 微信公众平台官网： ![微信公众平台 Vue](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/23afda52dfb2448abdadb24c00cbc8f9~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=502\&h=427\&s=79159\&e=png\&b=fdfdfd) ## 阿里巴巴系列前沿技术： * React：阿里云、1688、优酷、钉钉、支付宝 * Vue：无 * preact：淘宝 ### 阿里云官网： ![阿里云 React](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/009ba7f8b15043f591483c5edae67522~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=512\&h=517\&s=107858\&e=png\&b=fdfdfd) ### 1688 官网： ![1688 React](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ef0b6ce9484346c7bea39b4df9ba7a3f~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=496\&h=435\&s=87514\&e=png\&b=fcfcfc) ### 优酷官网： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e28beaf7760a4e788cc4f359998854c2~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=512\&h=571\&s=117011\&e=png\&b=fcfcfc) ### 钉钉官网： ![钉钉 React](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5795776851ca411c92022f2c8c0a99e4~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=520\&h=575\&s=121620\&e=png\&b=fdfdfd) ### 支付宝官网： ![支付宝 React](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d007ea0dcfde4f7faccb308059ba55a0~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=516\&h=506\&s=98168\&e=png\&b=fdfdfd) ### 淘宝官网： ![淘宝 Preact](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d77c0c4e552c4e1f9005227cd6990641~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=503\&h=383\&s=74490\&e=png\&b=fcfcfc) ## 百度系列前沿技术： * React：文言一心、百度云 * Vue：百度、百度网盘、度小满 * Next.js：百度云 ### 文言一心官网： ![文言一心 React](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8f473d84d15f441cb44139e138492614~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=511\&h=568\&s=116254\&e=png\&b=fdfdfd) ### 百度云官网： ![百度云 React 、Vue、Next.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9fee2e793b7247d59a6f06264efd07e7~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=519\&h=578\&s=134003\&e=png\&b=fcfcfc) ### 百度官网： ![百度-Vue](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/97990698b0454744a4ae8accdb78d5ec~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=498\&h=336\&s=64726\&e=png\&b=fcfcfc) ### 百度网盘官网： ![百度网盘 Vue](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/53a4509f2ef24d8f8d27da47137d8619~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=518\&h=562\&s=116617\&e=png\&b=fdfdfd) ### 度小满官网： ![度小满 Vue](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/06cf2a9562834bb3b58b887ba9d58cb1~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=518\&h=531\&s=109652\&e=png\&b=fdfdfd) ## 京东系列前沿技术： * React：无 * Vue：京东云、京东金融、京东物流 * Nuxt.js：京东云、京东物流 * jQuery：京东 ### 京东云官网： ![京东云 Vue 和Nuxt.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/cc2d46d5a8044537935710a3421a478d~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=512\&h=566\&s=117204\&e=png\&b=fdfdfd) ### 京东金融官网： ![京东金融 Vue](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c704a34828bc40b3847fe996ce8a14d4~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=502\&h=465\&s=96053\&e=png\&b=fdfdfd) ### 京东物流官网： ![京东物流 Vue 和 Nuxt.js转存失败，建议直接上传图片文件](<转存失败，建议直接上传图片文件 https://files.mdnice.com/user/45849/f26255b1-af12-47e3-b401-a6a8af00b6fe.png>) ### 京东官网： ![京东 Jquery](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e2c776f9d11d48d0a6800a8e0b54f97e~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=496\&h=431\&s=83256\&e=png\&b=fdfdfd) ## 美团系列前沿技术： * React：美团网、大众点评 * Vue：无 * Next.js：美团网 ### 美团网官网： ![美团网 React 和 Next.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/674608c630124717ae8a48a67502b4f1~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=509\&h=573\&s=120963\&e=png\&b=fdfdfd) ### 大众点评官网： ![大众点评 React](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8bdc07bbe5574a0b9a602bae4c1db223~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=497\&h=394\&s=69827\&e=png\&b=fcfcfc) ## 网易系列前沿技术： * React：CC直播 * Vue：网易有道、云笔记 * Nuxt.js：网易有道、云笔记 * Next.js：CC直播 ### CC直播官网： ![CC直播 React和Next.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/556cd611a2764159b84c91a79c1713d0~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=513\&h=566\&s=122194\&e=png\&b=fdfdfd) ### 网易有道官网： ![网易有道 Vue 和 Nuxt.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d31deeb7ed17439b8dabc32d5c01dc6b~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=521\&h=540\&s=111677\&e=png\&b=fdfdfd) ### 云笔记官网： ![云笔记 Vue和Nuxt.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c44b4e0dec144e44a4cbf323dec4458c~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=518\&h=518\&s=110738\&e=png\&b=fdfdfd) ## 其他 ### 拼多多官网： ![拼多多React和Next.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4d2b491d1b47454d97633587cab83fd9~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=512\&h=562\&s=105147\&e=png\&b=fefefe) ### 哔哩哔哩官网： ![哔哩哔哩 Vue](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8ad15cf1ea284bb7a79f954c7768a228~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=499\&h=438\&s=79874\&e=png\&b=fdfdfd) ### 知乎官网： ![知乎 React 和Emotion](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/edf88cef6c6e43748872703cf18bd550~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=513\&h=564\&s=110888\&e=png\&b=fdfdfd) ### 爱奇艺官网： ![爱奇艺 Vue 和 Nuxt.js](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b5a1df5adcbb4b08886e2c54be6fb206~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=520\&h=578\&s=124311\&e=png\&b=fcfcfc) ### 微博官网： ![微博 Vue](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7804d7574ced49dc842360cf539c89f7~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=500\&h=427\&s=78759\&e=png\&b=fdfdfd) ## 大厂前沿技术统计结果 ![大厂前沿技术统计结果](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c5c022d79d58482ca679ea942fed68a0~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1080\&h=917\&s=170513\&e=png\&b=fefefe) 从上面前沿技术统计结果来看，国内大厂React 和Vue的应用比例大概是3:2。阿里、美团独爱 React。京东、B 站独爱 Vue。