Fundebug发布Vue插件，简化BUG监控接入代码

Posted 2021-02-04 fundebug

摘要： 代码越短越好！

我们发布了fundebug-vue插件，可以简化Vue框架接入Fundebug的代码。

Vue如何接入Fundebug

1. 安装fundebug-javascript与fundebug-vue

npm install fundebug-javascript fundebug-vue

2. 配置

import * as fundebug from "fundebug-javascript";
import fundebugVue from "fundebug-vue";
fundebug.apikey = "YOUR-APIKEY";
fundebugVue(fundebug, Vue);

其中，获取apikey需要免费注册帐号并且创建项目。

关于fundebug-vue

fundebug-vue非常简单，只是配置了Vue的errorHandler，源码只有40行，但是它可以简化Vue框架接入Fundebug的代码。相比于直接配置errorHandler，使用fundebug-vue可以节省38行代码！

另外，由于Fundebug需要支持各种前端框架，因此为每一个框架开发独立的插件便于维护，也可以减少fundebug-javascript插件的大小。后续，我们会继续发布其他前端框架比如React与Angular的对应插件。

参考

• Fundebug文档：监控Vue.js