如果你是一名前端开发人员，那么你一定早已知道 npm 是用于 JavaScript 包管理的工具。其中，devtron 是一个优秀的 npm 包，用于 Node.js 应用程序的调试和分析。
什么是 devtron
devtron 是一个 Node.js 应用程序的调试和分析工具，可用于 Electron、Chrome 插件和 VSCode 等技术领域。基于 Chrome 开发者工具协议的扩展，devtron 提供了一组开发者工具，用于轻松地调试 Node.js 应用程序。
安装 devtron
安装 devtron 之前，你需要确认已经安装了 Node.js，并能够在终端中访问 npm。安装 devtron 可以通过 npm，在终端输入以下命令：
npm install --save-dev devtron
如果你使用的是 yarn 包管理工具，可以通过以下命令安装：
yarn add --dev devtron
使用 devtron
devtron 提供了一组工具，可以在 chrome 开发者工具中查看并调试你的 Node.js 应用程序。接下来，让我们一步步了解如何使用 devtron。
第一步：启用 devtron
在你的 Node.js 应用程序中启用 devtron，只需要在应用程序入口文件中添加以下代码：
const { app } = require('electron');
const devtron = require('devtron');
app.whenReady().then(() => {
devtron.install();
});上述代码中，我们引入了 electron 应用程序和 devtron，然后在应用程序准备就绪后，启用了 devtron。
第二步：打开 Chrome 开发者工具
在你的 Node.js 应用程序中启用 devtron 后，可以通过打开 Chrome 开发者工具来调试和分析应用程序。
在你的应用程序运行后，可以直接在 Chrome 地址栏中输入以下地址，打开 Chrome 开发者工具：
chrome://inspect/#devices
第三步：使用 devtron
在 Chrome 开发者工具中，可以看到 devtron 选项卡，点击该选项卡即可使用 devtron。
在 devtron 中有多个面板，包括 context、modules、ipc、performance、gc 等，你可以通过这些面板来查看和分析你的应用程序。
例如，通过以下代码可以查看当前 js 引用的模块：
const printModules = () => {
const modules = devtron.require('module');
const path = devtron.require('path');
console.log(modules._cache);
}
printModules();上述代码中，我们使用 devtron.require 引入了 node 的模块，然后通过 console.log 打印出当前 js 引用的模块信息。
结论
devtron 是一个非常实用的 npm 包，可以帮助你轻松地调试和分析 Node.js 应用程序，在前端实践中具有很高的指导意义。在实际开发中，我们可以深入学习并使用 devtron，提高开发效率，减少错误出现的概率。
示范代码
-- -------------------- ---- -------
----- - ---- ------------- - - --------------------
----- ------- - -------------------
----------------------- -- -
------------------
---
--- ----
-------- -------------- -
--- - --- ---------------
------ ----
------- ----
--------------- -
---------------- -----
----------------- ------
------------------- -----
--
---
---------------------------
-------------------------------
-
--------------- --------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66540