前言
在前端开发中，bug 是难以避免的。为了更好的定位和解决 bug，我们需要使用相应的工具来帮助我们。Bugsnag 是一款非常优秀的异常监控工具，它可以帮助我们快速发现和定位 bug。而 @bugsnag/plugin-node-surrounding-code 是 Bugsnag 提供的一个 Node.js 插件包，它可以帮助我们收集 bug 时周围的代码信息。
简介
@bugsnag/plugin-node-surrounding-code 是一个 Node.js 插件包，用于收集在捕获 bug 时周围代码信息。它会在 bug 上下文中增加代码行信息、源代码文件名称以及文件内容。在你捕获一个错误后，你可以使用 Bugsnag 的 surroundingCode 描述符来获取这些信息。这个包结合了 JavaScript 堆栈轨迹（Stack Trace）和源代码信息来收集 bug 上下文信息，可在调试时非常有用。
安装
使用 npm 安装:
$ npm install --save @bugsnag/js @bugsnag/plugin-node-surrounding-code
@bugsnag/js 是 Bugsnag 用于前端和后端 JavaScript 的 SDK。你必须将其与 @bugsnag/plugin-node-surrounding-code 一同安装，以使用 surroundingCode 描述符来获取周围代码信息。
使用
在你的代码中加入以下内容
-- -------------------- ---- -------
----- ------- - ----------------------
----- --------------------- - ------------------------------------------------
-- --- ------- ------ --- ---
----- ------------- - ---------
------- -----------------------------------
-------- -----------------------
--
-- -------
--- -
-- --- ------
- ----- ----- -
------------------------- -
-- -- ---------------
---------------- - -- -------
--
-现在，使用 Bugsnag 前往你的项目页面，你应该能够在 error 上看到一个 surroundingCode 描述符，它将会包含 bug 上下文中的代码信息。
示例
-- -------------------- ---- -------
----- ------- - ----------------------
----- --------------------- - ------------------------------------------------
----- ------------- - ---------
------- -----------------------------------
-------- -----------------------
--
-------- ------ -- -
------ - - -
-
-------- --------- -- -
-- -- --- -- -
----- --- --------------- -- ------
-
------ - - -
-
--- -
----- ------ - ------------- --- --
- ----- ----- -
------------------------- -
---------------- -
--
-结语
@bugsnag/plugin-node-surrounding-code 插件包可以帮助我们快速定位并解决 Node.js 项目中的 bug。本文对其使用方法进行了详细介绍和示范。希望对你在项目开发中遇到 bug 的解决有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/bugsnag-plugin-node-surrounding-code