code-inspector-plugin 支持 vite/webpack 中使用，且支持 vue3/vue2/react 等框架。开发环境只需要按住组合键，点击页面元素，就能自动跳转 vscode。

在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

什么？调试 React 源码还有优雅和不优雅之分？ 别着急，我们先来听个故事： 东东是一名前端工程师，主要用 React 技术栈，用了多年之后想深入一下，所以最近开始看 React 源码。 他把 re

是时候放下console.log一把梭了，快来学学如何使用VS Code debug代码吧~VS Code的关键特性之一就是它具有强大的调试功能，不学白不学啦

推荐几个非常实用的 VS Code 插件. 附 gif 图. 1. Better Comments Better Comments 你可以使用不同的前缀来让注释显示为不同的颜色。 非常适合快速扫描并发现重要的代码片段。 若使用的话, 建议团队统一规范. 2. Bracket P…

相信越来越多的前端开发者已经迁移到VSCode阵营了，这里不对各大编辑器作比较。因为我怕杠不过各位。^_^ ··· VSCode快速，稳定而且能完美支持TS。 我对开箱即用的编辑器一直存在着好感，但是他们都或多或少的缺少点什么，但是广大的同胞打造的扩展(extensions)完…

0. 前言 vim 被誉为『编辑器之神』，与之同时代的 emacs 被誉为『神之编辑器』。可以看得出 vim 在编辑器的地位是很高的，得益于 vim 的指法，敲起代码来如行云流水。特别膜拜创始人创始出这么方便的敲代码的指法，这篇文章就是来带你入坑 vim 指法操作。 在当今前端…