vue 日誌框架 log4javascript

npm i log4javascript

import log4javascript from 'log4javascript'
Vue.prototype.$log4javascript = log4javascript;

var logger = this.$log4javascript.getLogger("main");
				  this.$log4javascript.setEnabled(false);
				  var appender = new this.$log4javascript.InPageAppender();
				　appender.layout.pattern='%d{yyyy-MM-dd HH:mm:ss,SSS} [%c] %-5p - %m{1}%n';
				  appender.visible=false;
				  logger.addAppender(appender);
				  logger.debug("This is a debugging message from the log4javascript in-page page");
					
					//
				  this.$log4javascript.setEnabled(true);
				  logger.info("顯示記錄日誌.");
				  appender.show();
				  appender.visible=true;

在下面自己生成一個控制檯。好像挺厲害的樣子.

參考資料

• javascript日誌框架使用