07. Vue 2 - logger 플러그인

OS	Windows 10 Home 64bit 버전 1903 (OS 빌드 18362.836)
Vue	2.5.13

 

# 온라인 에디터

PlayCode - Code Sandbox. Online Code Editor

 

# 플러그인 깃 허브

vuejs-logger

 

# 사용

[터미널]

npm install vuejs-logger --save-exact

 

 [Vue - main.js]

/** VueLogger 임포트 */
import VueLogger from "vuejs-logger";
 
/** VueLogger 설정 */
const env = process.env.NODE_ENV
const logLevel = env === 'development' ? 'debug' : env === 'info' ? 'debug' : env === 'production' ? 'error' : 'info'
const options = {
    isEnabled: true,
    logLevel: logLevel,
    stringifyArguments: false,
    showLogLevel: true,
    showMethodName: true,
    separator: '|',
    showConsoleColors: true
}
 
/** VueLogger 플러그인 사용 */
Vue.use(VueLogger, options);
 
/** Vue 설정 */
new Vue({
    created() {
        this.$log.debug('Vue 로그 debug 동작중')
        this.$log.info('Vue 로그 info 동작중')
        this.$log.warn('Vue 로그 warn  동작중')
        this.$log.error('Vue 로그 error 동작중')
        this.$log.fatal('Vue 로그 fatal 동작중')
    },
    render: h => h(App)
}).$mount('#app')

 

[출력 결과]