Nuxtjs 3 - vuejs-logger

最新推荐文章于 2025-06-05 23:44:07 发布

caplike

最新推荐文章于 2025-06-05 23:44:07 发布

阅读量2.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： # Front End - Nuxt.js

本文链接：https://blog.csdn.net/caplike/article/details/104736429

Front End - Nuxt.js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一款Vue专用的日志管理插件Vuejs-Logger，该插件提供可定制化的日志记录功能，有效替代了代码中的console.log等方法，提升代码整洁度和维护效率。文章详细介绍了其安装、配置及使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于明天要交货继续整合 Vuejs-Logger (上一篇)

关于

为 Vue 提供了可自定义的日志功能. 避免在代码里各种 console.dir / console.log …
ref: https://www.npmjs.com/package/vuejs-logger

安装

npm install --save vuejs-logger

配置插件, 在 nuxt.config.js 中引入插件,

然后在 @/plugins/vuejs-logger 中把 VueLogger 挂到 Vue 实例上:

import Vue from 'vue'
import VueLogger from 'vuejs-logger'
Vue.use(VueLogger, {
  logLevel: 'debug',
  separator: '|',
  isEnabled: true,
  stringifyArguments: false,
  showLogLevel: true,
  showMethodName: true,
  showConsoleColors: true
})
Vue.$log.debug('Plugin:', 'VueLogger init ...')

有关配置项说明请参考: https://www.npmjs.com/package/vuejs-logger#usage