企业官网建设流程全解析

1. 一个来自 Hacker News 的灵魂拷问

1.1 这个话题为什么能火

如果你常逛技术社区，最近大概率刷到过那个标题：Ask HN: Are Devtools Dead? 翻译过来就是“开发工具是不是死了”。提这个问题的人不是刚入行的新手，而是长期泡在 Hacker News 上的开发者。HN 这个社区向来对工具极其敏感，从编译器到编辑器，从调试器到监控平台，几乎每天都有新项目在首页刷屏。在这种氛围里问出“Devtools 是不是死了”，本身就是一件值得琢磨的事。

我第一眼看到这个问题的时候，第一反应是“这不胡扯吗，每天打开 Chrome DevTools 按 F12 的人能有几百万”。但再往下翻回复，我发现提问者其实敏锐地捕捉到了一些真实变化。过去两年，开发工具赛道确实经历了一轮剧烈的洗牌：不少曾经融资过亿、社区热度极高的工具项目被收购后悄然停更，新的独立开发工具很难再像五年前那样快速获得关注，AI 编程助手的爆发又让大量“半自动”工具显得十分鸡肋。这些信号叠加在一起，确实会让人产生一种“工具正在批量死亡”的错觉。

这篇文章我不想简单给一个“没死”或者“死了”的二元答案，那没意思。我想顺着这个灵魂拷问，聊聊开发工具到底在经历什么、哪些工具是真的有危险、哪些工具反而越来越值钱，以及作为一个普通开发者，面对这场工具大洗牌该怎么调整自己的技能组合。全程都用我这十几年写代码、调试问题、折腾工具链的真实经验来讲，不带任何营销腔。

1.2 三个被解读为“已死”的信号

先看第一个信号：工具赛道的投资热度明显下降了。2021 年前后，开发工具是资本市场的香饽饽，任何和“开发者体验”沾边的产品都能拿到不错的估值，我记得那会儿光是做 CLI 工具的创业公司就有好几家拿到千万美元级别融资。但进入 2023 年之后，市场风向急转直下，我身边好几个做开发者工具的朋友都跟我吐槽，说融资环境变得极其艰难，投资人现在只问“你的工具能不能直接对接 AI”，而不是问你解决了什么痛点。这种资本层面的冷却，让很多人误以为开发工具这个品类要完蛋了。

第二个信号：AI 编程助手正在吃掉传统工具的功能边界。早两年，补全代码有 TabNine、Kite，格式化代码有 Prettier，查文档有 Dash、Zeal，写单元测试有各种测试框架配套插件。现在呢？Copilot、Cursor、Claude Code 这些东西把“写代码”这件事的大部分重复环节都接管了。你让 AI 帮你生成一段函数、补一堆测试用例，五分钟搞定，还开什么工具？这种“工具被 AI 一口吞掉”的体感，是“Devtools 已死”论调最坚实的论据。

第三个信号可能更隐蔽，但也更致命：开发者自身的工具疲劳。过去十年，开发工具经历了从“少而精”到“多而杂”的极端膨胀。前端开发者动辄要装十几个 VSCode 插件，配 ESLint、Prettier、Tailwind CSS IntelliSense、ES7 React Snippets、GitLens……每个项目还得搭一套脚手架，光初始化就折腾一下午。这种碎片化体验让越来越多开发者开始反向精简，宁可少用工具，也不想在一堆插件配置里迷失。当一个行业的核心用户开始“反工具”，这个行业能不被喊死吗？

2. 为什么“工具已死”更像一种错觉

2.1 资本退潮不等于行业死亡

先说投资热度这事。我这些年经历过好几轮“赛道风口”，结论很简单：资本退潮只能说明这个行业不再适合讲故事，不代表这个行业本身没有价值。打个比方，疫情期间大家疯狂囤跑步机，疫情结束后跑步机销量降了，你能说跑步机这个品类死了吗？不可能，因为总有人需要健身，只是不再有那么多冲动消费的增量用户而已。

开发工具也是一样。2021 年到 2022 年那一波热钱，本质上是在提前透支未来五年的工具需求，催生了一大堆同质化产品。今天市面上光“API 调试工具”就有 Postman、Insomnia、Apifox、Hoppscotch 一堆，光“终端模拟器”就有 iTerm2、Alacritty、Kitty、WezTerm 一堆。这些产品里的绝大多数本来就该在市场竞争中被淘汰，资本退潮只是把这个过程提前了。真正有价值的工具，比如 Chrome DevTools、Git、VS Code、Webpack，哪一个是靠融资活下来的？它们要么背靠大公司，要么有健康的开源生态，资本市场的冷暖对它们的影响微乎其微。

所以我的判断是：投资热度下降只是挤掉了泡沫，它让工具市场从“人人能做工具”回归到“好工具才能活下来”。这恰恰是行业成熟的表现，而不是死亡的前兆。

2.2 工具的生命周期比想象中长

很多人容易被“日新月异”的技术新闻带偏，觉得一个工具三五年不更新就过时了。但实际上，真正优秀的开发工具生命周期长得惊人。你看 Vim，1989 年发布，到今天还在被无数服务器端的开发者使用，Neovim 甚至因为它的存在重新火了一把。你看 Git，2005 年发布，二十年过去依然是版本控制的事实标准，什么新工具都动摇不了它。再看 Chrome DevTools，自 Chrome 浏览器诞生起就存在，十几年过去依然是前端调试的第一选择。

这些“长寿工具”有一个共同点：它们解决的都是编程中的“通用问题”，而不是某个框架、某个语言的“临时问题”。Vim 解决的是“高效编辑文本”这个通用需求，Git 解决的是“追踪代码变更历史”的通用需求，DevTools 解决的是“了解运行中的程序到底在干什么”的通用需求。这类需求不随技术潮流变化，只要还有人写代码，这些工具就有存在的价值。

反之，那些依附于特定框架的“专用工具”就危险得多。比如某个特定的状态管理库自带的调试面板，当这个库不再流行，工具也就跟着进棺材。所以判断一个工具会不会死，不是看它出了多少年，而是看它解决问题的底层需求是否长期成立。

2.3 真正的变化：工具重心从“写”转向“读”

如果一定要说开发工具正在经历什么，我认为是从“辅助写代码”向“辅助理解代码”的大迁移。

传统开发工具的核心卖点是“让你更快地把代码写出来”：代码补全、模板生成、接口文档速查、格式自动修复，这些都属于“写”的范畴。但 AI 编程助手崛起后，“写”这件事的边际成本急剧下降，就像计算器普及后，很少有人再需要用算盘。你还在纠结变量命名、函数抽离、模板生成的时候，Copilot 已经替你把代码草稿打好了。这时候，开发者真正的瓶颈变成了“理解”：我该把这个 AI 生成的代码放到项目的什么位置？它为什么这么写？它对性能有没有影响？上线之后遇到问题怎么定位？

这就是 DevTools 的机会。调试器、性能分析器、网络抓包工具、日志追踪系统，这些东西解决的全是“理解”问题。AI 生成代码再快，出了问题还是得靠调试工具来定位。换句话说，AI 不仅没有杀死 DevTools，反而让“辅助理解类工具”变得比过去更值钱了。这个判断我后面会专门展开讲。

3. 老而不死的 DevTools：以浏览器开发者工具为例

3.1 Chrome DevTools 为什么十几年了还没“死”

在所有被问“是不是死了”的开发工具里，Chrome DevTools 大概是最无所谓的一个。你随便打开一个网页按 F12，那些面板——Elements、Console、Sources、Network、Performance、Application——从诞生到今天，核心功能几乎没变过，但使用量只增不减。为什么？因为浏览器作为软件运行平台的地位越来越重，网页不再只是简单的文档，而是承载了复杂的业务逻辑、数据交互和用户体验。只要这个趋势不变，浏览器自带的调试工具就不可能失业。

Chrome DevTools 厉害的地方在于，它每个面板都精准对应一类真实痛点。Elements 面板让你实时查看 DOM 结构和样式，改一改立刻生效，省去了改代码、刷新、再看效果的循环；Network 面板记录每一个网络请求的耗时、大小、状态码，接口排查的第一现场就在这；Performance 面板记录页面加载和运行时的性能火焰图，哪个函数拖慢了页面，一眼就能定位。很多人只把它当作“看报错和控制台输出”的地方，实际上它的设计思路是一整套“程序运行状态可视化”方案。

这也是它“死不了”的根本原因：它不是为某个框架定制的，而是为“浏览器里运行的程序”这个永恒对象服务的。你可以不用 Vue DevTools、不用 React DevTools，但只要你的页面跑在浏览器里，Chrome DevTools 就是你的逃生舱。

3.2 Vue DevTools 与前端框架调试的日常

顺带聊一下热搜里频繁出现的 Vue DevTools。很多人问 Vue DevTools 怎么用，其实它的核心价值是让你直接“看穿”组件树和状态管理。在 Vue DevTools 的 Components 面板里，你能看到页面上的每一个组件，点开任意一个组件，它的 props、data、computed、inject 全部一目了然，还能直接临时修改数据来看界面反应。这对排查“界面没变但数据变了”这类问题尤其高效。

我记得有一次帮朋友排查一个 Vue3 项目，页面上的按钮点击后没有反应。正常思路是去代码里加 console.log，看事件到底有没有触发。但用 Vue DevTools 打开 Components 面板，选中那个按钮对应的组件，直接在面板里查看它的状态和方法，立刻发现是某个计算属性依赖的响应式数据赋值时机不对，导致界面上显示的值没更新。整个过程不到十分钟，比在代码里埋点快得多。

还有一个实用点：Vue DevTools 的 Pinia/Vuex 面板能直接查看全局状态的变化历史，当组件间传参特别绕的时候，这个功能能帮你快速理清状态到底在哪个环节被改了。如果你的项目正在用 Vue 框架，我建议至少把 Components 和 Pinia/Vuex 这两个面板用熟，它们会显著提升日常调试效率。

3.3 那些“可能真会死”的工具是什么样的

有死不了的，就有真的会消失的。我观察到的第一类高风险工具是“功能过于单一、且正被平台吞并”的产品。举个例子，早些年做“浏览器截图工具”的小插件非常多，后来 Chrome DevTools 本身提供了设备模拟和截图功能，这些插件就慢慢没人用了。第二类是“依赖特定云服务或框架版本”的工具，比如某个 SaaS 监控服务只支持某个特定版本的框架，一旦框架升级，工具跟不上，用户就流失了。第三类是“没有形成生态”的工具，一个工具再漂亮，如果它不允许你扩展插件、不允许自定义脚本、不开放 API，那么它很难拥有长期用户。

判断一个工具会不会死，我总结了一个很朴素的公式：工具价值 = 解决问题的频率 × 问题上限（即这个问题影响多少人）。如果一个工具解决的问题既高频又普遍，哪怕它 UI 丑、文档烂，它都不会死；反之，如果某个工具解决的是小众、低频的问题，哪怕它做得再精致，也随时可能因为作者不维护而消亡。

4. 从 Ctrl+R 到真机调试：DevTools 的进阶实操

4.1 Ctrl+R 只是开始：DevTools 的真实能力边界

我有次在团队里做分享，问大家平时怎么用 Chrome DevTools，有个前端同事说得很直接：“我就是改完代码 Ctrl+R 刷新一下，然后看 Console 有没有报错。”

这个回答特别典型。热词里那个“devtools的ctrl加r”，背后就是这类使用习惯——把浏览器开发者工具当成一个高级刷新按钮加报错查看器。说实话，这种用法不丢人，大部分人的 DevTools 之路都是从 F12 看报错开始的。但如果你想真正把 DevTools 用成“排查利器”，至少得再掌握几个高频场景。

先说 Network 面板。接口报错、请求超时、资源加载失败，这些问题去 Console 看只会看到笼统的报错信息，但打开 Network 面板，每个请求的状态码、耗时、请求头和响应体全部清清楚楚。我排查前端问题有个固定习惯：先看 Network 面板里的请求状态，红色就是网络或服务端问题，200 但数据不对就是逻辑问题。这个顺序能帮你省掉大量瞎猜的时间。

再说 Elements 面板里的样式调整。很多人改了样式要刷新看效果，其实在 Elements 里临时修改 CSS 是可以即时预览的，而且不会污染源码。先调出满意的效果，再回去改代码，效率翻倍。这个技巧在排查响应式布局问题时特别管用，拖拽窗口宽度，在 Elements 里看媒体查询命中情况，比盲改代码快太多。

Performance 面板则是定位卡顿问题的利器。如果你的页面滚动掉帧、点击响应慢，录一段 Performance，火焰图会告诉你哪个函数耗时最长。我优化过一个老项目的首屏，通过 Performance 发现是某个第三方 SDK 初始化阻塞了主线程，替换成异步加载之后首屏时间直接缩短了三分之一。这些能力如果你只看 Console，是永远发现不了的。

4.2 用 Chrome DevTools 调试安卓前端

热搜里还有一条“devtools调试安卓前端”，这个场景在移动端开发中非常常见。很多 Web 页面在 PC 上表现正常，一到手机浏览器就白屏、错位或者点击没反应，原因是移动端浏览器内核和 PC 端存在差异。Chrome DevTools 自带的“设备模拟”功能可以模拟常见手机的视口大小，但模拟毕竟是模拟，真正踩过坑的人都知道，必须用真机调试才能发现那些模拟器暴露不了的问题。

真机调试的操作其实不复杂，我走一遍流程。前提条件有四个：一台 Android 手机、USB 数据线、手机开启“开发者选项”里的“USB 调试”、电脑上装的 Chrome 浏览器。连接之后，在电脑 Chrome 地址栏输入 chrome://inspect，你会看到所有通过 USB 连接的设备列表，选中你要调试的页面，点击 inspect，就会弹出一个完整的 DevTools 窗口，这个窗口连接的正是你手机上的真实页面。

在这个调试窗口里，你可以干几乎所有 PC 端 DevTools 能干的事：看 console 日志、断点调试 JS、查看网络请求、分析性能。我最常用的是在 Sources 面板给代码打断点，然后在手机上操作触发，观察变量值和调用栈。这比自己在代码里加无数个 console.log 靠谱得多，因为断点能看到那一刻完整的执行上下文。

真机调试有一个常见坑：页面在手机 Chrome 上打开后，在 chrome://inspect 里找不到设备。我遇到这个问题的排查步骤是：先确认 USB 线能传数据而不仅仅是充电线，然后检查手机上有没有弹出“允许 USB 调试”的授权弹窗，最后在电脑上的 Chrome 里把“发现 USB 设备”开关关掉再打开。这三步能解决九成的连接问题。

顺带说一句，如果你在使用 Vue 框架开发移动端页面，Vue DevTools 在远程调试窗口里也是可以正常使用的。这意味着你可以在电脑屏幕上看到手机上运行的真实组件树，直接修改组件数据，然后立刻在手机上看到渲染结果。这种体验，任何模拟器都替代不了。

4.3 控制台安全：为什么不要粘贴你不理解的代码

接下来必须讲一个几乎所有浏览器用户都可能踩的坑。热搜里那句“don't paste code into the devtools console that you don't understand”不是危言耸听，而是实实在在的安全警示。

浏览器控制台拥有当前页面的完整执行权限，你粘贴进去的任何代码，都能以你的身份读取页面里的 Cookie、localStorage、sessionStorage，也能向任意地址发送请求、修改页面内容、模拟登录操作。这意味着，如果你在一家银行网站的 console 里粘贴了一段“帮你查余额”的代码，这段代码完全可以把你的登录凭证偷偷发给第三方服务器。

我见过真实的利用场景。攻击者会在网页里植入一段提示：“按 F12 打开控制台，粘贴这段代码即可领取视频会员”。很多人出于好奇就照做了，结果被窃取了账号凭证。还有一种利用方式是伪装成技术教程，让开发者去控制台执行一段“测试代码”，实际是读取开发者电脑上某个网站的身份信息，再冒用身份发帖或者获取隐私数据。

所以我的建议很简单，也很绝对：永远不要在任何网站的 console 里粘贴你完全不理解的代码。哪怕代码看起来很短、看起来只是改了个样式，只要你看不懂，就不要执行。如果你在某个技术交流群里看到别人发了一段代码让你“打开控制台执行一下”，你应该做的第一件事不是执行，而是警惕——一个正经的技术指导和工具，没有必要让你去别人网站的 console 里运行未知代码。

这个安全习惯对开发者来说尤其重要，因为我们天然对代码有好奇心，也习惯相信代码。但控制台是个特殊环境，它执行代码时的权限就是当前登录用户的所有权限。在控制台里乱粘贴代码，相当于把你钱包的钥匙交给了陌生人。

5. AI 时代，DevTools 会变成什么

5.1 AI 编程助手到底抢了谁的饭碗

要讨论 DevTools 的未来，绕不开 AI。AI 编程助手的普及速度有多快，举几个数据：GitHub Copilot 上线后，用户量增长远超预期；Cursor 在短短两年内把“AI 原生编辑器”这个概念做到了大众化；Claude Code 这类终端产物让自然语言直接生成代码成为现实。我自己用下来的感受是，写样板代码、写正则、写单元测试、做数据转换脚本这类工作，AI 确实已经是“降维打击”式的高效。

那 AI 抢的是谁的饭碗？第一波被冲击的，是那些“自动化生成代码”的传统工具。举个例子，很多 IDE 里预装的“代码模板/代码片段”插件，过去是“要写一个 for 循环就输入 for，然后 Tab 补全”，现在你在对话框里说一句“帮我写一个遍历数组并过滤空值的函数”，AI 三秒给你完整代码。模板插件的优势荡然无存。同理，曾经卖得不错的“代码片段管理工具”“正则表达式测试器”等等，在 AI 面前都显得非常笨拙。

但要注意，AI 抢的是“生成代码”类工具的市场，不是所有开发工具的市场。调试器、性能分析器、网络抓包工具、APM 监控系统，这些工具不负责“生成”，而是负责“找到问题”。AI 生成的代码越多，这些“找问题”工具的需求反而越大。任何程序员都知道，代码写起来可以很快，但调试起来永远可能很慢。AI 把“写”的速度提上去了，放在代码上的生产时间变多了，那么写的代码总量更大、出问题的地方也更多，“理解代码运行状态”这件事的权重就更高了。

5.2 新一代开发工具的方向：从“输入”到“理解”

顺着上面的逻辑往下推，我认为新一代 DevTools 的产品形态会有明显转变。过去 DevTools 的核心逻辑是“你操作，它显示”：你点击按钮、输入命令、查看输出。传统 Chrome DevTools、终端、抓包工具都是这个范式。这在“人写代码”的时代没问题，因为代码是你写的，你了解上下文，只需要工具帮你确认细节。但在 AI 生成代码成为常态之后，开发者对代码的理解深度明显下降——你看得懂每一行，但不一定知道它为什么这么写、为什么和业务逻辑结合得这么别扭。

因此，新工具的第一个方向是“智能归因”。传统日志系统只负责记录错误，然后把一长串堆栈信息甩给你。下一代工具应该能做到自动归因：根据报错位置、当前代码上下文、最近一次改动记录，直接告诉你“这个问题大概率是第 37 行的数据格式变化引起的”。现在一些 SaaS 监控工具已经开始做这个方向，比如 Sentry 的 Stack Trace 分析和代码段关联功能，能大幅缩短从报错到定位的时间。

第二个方向是“上下文感知”。理想的调试工具不该只看孤立的报错信息，而应该理解整个项目的框架版本、依赖关系、数据流方向。举个例子，你在 Vue 项目里看到某个警告，工具不应该只显示“收到一个未知的属性”，而应该提示“这个属性可能在某个子组件中被定义，但未在 props 中声明，建议在哪里修改”。这类能力需要工具深度集成框架的运行时信息，正好是 Vue DevTools 这类项目未来可以发力的点。

第三个方向是“自动建议修复”。AI 可以分析错误上下文然后生成修复补丁，开发者要做的是确认而不是从零开始想方案。我记得 JetBrains 的 IDE 已经支持在报错时用 AI 生成修复建议，VS Code 的 Copilot 也在往这个方向迭代。这个方向成熟之后，开发者工具从“帮你看到问题”进化到“帮你搞定问题”，价值会再上一个台阶。

5.3 作为个体开发者，怎么把 AI 和 DevTools 组合出战斗力

说完了行业趋势，落到个人层面。我最近的工作流，已经慢慢变成了“AI 生成 + 工具验证”的组合拳。

拿一个真实场景举例。最近我在调一个 Node.js 后端服务的性能问题，服务接口平均响应时间从 200ms 涨到了 800ms。我的步骤是：先用 API 监控工具（比如 Postman 的性能测试功能）给接口加压，找到最耗时的路由；再用 Node.js 内置的 --prof 参数生成 CPU 剖析文件，丢给 AI 助手让它分析火焰图，标注可能的热点函数；AI 给出猜测后，我再在代码里打点或者用 debugger 逐步验证。整个过程里，AI 负责“提假设”，DevTools 负责“验证假设”，两者配合，效率比单纯靠人脑猜高出一大截。

我特别想强调一点：AI 再强，也不能替你完成“对业务的理解”。AI 给你一个修复建议，但它不知道你的业务在什么场景下会触发这个临界条件。你还是要用调试工具去构造数据、复现场景、验证修复是否真的有效。所以我的结论是，AI 不会让你不需要 DevTools，但 AI 会让你需要更高阶的 DevTools 能力——比如快速构造复现环境、快速验证补丁、快速对比修改前后的运行状态。

如果你现在还在观望，我建议从今天开始，选一个你平时最常遇到的疑难问题场景，尝试用“AI 定位 + DevTools 验证”的方式重新走一遍流程，你会明显感受到和传统纯人工排查的区别。

6. 工具护城河：开发者该怎样看待和构建自己的工具栈

6.1 把“通用能力”练成肌肉记忆

讨论完工具的生死，最终还是要回到我们自己身上。有一条我反复验证过的经验：决定技术人长期价值的，不是你会用多少个工具，而是你把多少“通用能力”练成了肌肉记忆。

什么是通用能力？无论前端后端、无论框架怎么换都永远不会过时的能力。比如：快速阅读报错信息并定位根因的能力；用调试器动态观察程序状态的能力；用网络抓包工具排查接口问题的能力；分析性能瓶颈的能力；用版本控制工具做代码回退和差异分析的能力。这些能力一旦练成，更换工具只是换个载体，思路是完全通用的。

我见过一些资深工程师，他们不用任何花哨的 IDE，就用 Vim 加终端，照样能高效排查问题。原因是他们根本不需要工具帮自己“想”，他们需要的只是工具忠实地展示数据，真正的分析判断都在脑子里完成。反过来，我也见过不少刚入行的人，装了几十个插件、买了最贵的工具套餐，遇到一个诡异的线上 bug 依然毫无头绪，只能一层层加日志。工具不在多，而在你能否透过工具看到问题的本质。

所以，如果你正纠结“要不要学某个新工具”，我的建议是：先判断它提升的是你的“输入效率”还是“理解能力”。提升“输入效率”的工具（比如各种代码生成器）迟早被 AI 替换，优先级低；提升“理解能力”的工具（比如调试器、性能分析器、日志分析系统）永远有复利效应，优先级高。

6.2 给不同阶段开发者的工具策略

针对不同阶段的开发者，我的工具策略建议也不一样。

初学者阶段（0-2 年）：核心任务是建立“代码执行画面感”。建议把 Chrome DevTools 的 Elements、Console、Sources、Network 四个面板彻底玩熟，至少能做到不百度就能完成“打断点、看调用栈、查网络请求”这三件事。框架工具（如 Vue DevTools）也要学，但重点不是收藏功能，而是透过它理解组件树和数据流的概念。

中级阶段（3-5 年）：开始追求效率和性能意识。这个阶段建议深入研究 Performance 面板和各类 APM 工具（如 Sentry、Datadog），理解前端性能指标（FCP、LCP、CLS）背后的原理。同时学习命令行调试技能，比如用 Chrome DevTools Protocol 写自动化调试脚本，或者用 Node.js 的调试工具分析服务端性能。这个阶段的目标是从“会调试”进阶到“会系统性排查复杂问题”。

资深阶段（5 年以上）：工具栈不再追求广，而是追求深度整合和问题定位速度。这个阶段更有价值的可能是“工具组合拳”，比如把日志系统、链路追踪、指标监控、代码分析工具联动起来，在复杂分布式系统中快速圈定问题范围。这个阶段工具本身已经不是重点，重点是你有没有一个稳定的“假设-验证-下结论”排障方法论。

我自己的习惯是每半年做一次“工具断舍离”：把过去半年没打开过的工具插件禁用掉，把重复功能的工具合并成一个。这个习惯让我始终对工具保持敏感，不会因为“大家都在用”而去维护一堆不必要的配置。开发工具的价值在于解决问题，不在于数量。

最后再说一句关于安全的事。控制台安全再怎么强调都不为过：不要在浏览器控制台里执行来源不明的代码，不要为了方便把账号密码放在浏览器自动填充里而不设防。每个开发者都应该养成“怀疑代码”的直觉——不管是 AI 生成的还是别人贴给你的，先看懂，再运行。

回到最初的问题：Devtools 死了吗？我的答案是，死的只是一堆没有找到真正需求、只靠资本和市场风口吹起来的花瓶工具。真正有价值的开发工具，那些帮助我们理解复杂系统的工具，正在 AI 的催化下变得更加不可或缺。对我来说，与其天天焦虑工具会不会被淘汰，不如把基本功打扎实，让工具成为思维的延伸。这才是面对这场大洗牌最稳的姿态。