From bddd67f232198c28f74bae27809680a9305e4930 Mon Sep 17 00:00:00 2001 From: liyang <1711467488@qq.com> Date: Mon, 20 Aug 2018 17:59:44 +0800 Subject: [PATCH] log Former-commit-id: 66ad9c0e6aa8e82daabbb3003e6b1f21bed11432 [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db] [formerly 66ad9c0e6aa8e82daabbb3003e6b1f21bed11432 [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db] [formerly 66ad9c0e6aa8e82daabbb3003e6b1f21bed11432 [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db] [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db [formerly 94db47ba387945eedf2430722c749dd459f66392 [formerly ba79b27e174ca667547772b483a7a83d82a3e549]]]]] Former-commit-id: ac12249c5171273579b30d4c5eefcbe294972572 Former-commit-id: 001e629f6e25fa5eacfa39398d29028f6d514e66 Former-commit-id: 98d17c8a4ba34988ae77439d50ce5149c46698c5 [formerly 03684fb4f5dc3d9ae745ff3af3dfd2f19ef87c4b] Former-commit-id: 3992a57057f70aa3cd125e04e4fe5b6ba8407389 Former-commit-id: ef526ad1b94f89cfb72765bbf8462b40fc33422e Former-commit-id: 9af90964c7457e28d0fa5d1175d1b2f91959a4d6 Former-commit-id: 31e2d088d85406e71565cf40536c90126feb2a3e Former-commit-id: 4bf6683297c5626a82858e6806bf25b5fa9013b2 --- docs/.vuepress/config.js | 5 +++- docs/zh/sys-plugins/console.md | 51 ++++++++++++++++++++++++++++++++++ docs/zh/sys-plugins/error.md | 13 +++++++++ docs/zh/sys-plugins/log.md | 17 ++++++++++++ 4 files changed, 85 insertions(+), 1 deletion(-) create mode 100644 docs/zh/sys-plugins/console.md create mode 100644 docs/zh/sys-plugins/error.md create mode 100644 docs/zh/sys-plugins/log.md diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js index 7a8568e0..d443fdfd 100644 --- a/docs/.vuepress/config.js +++ b/docs/.vuepress/config.js @@ -157,7 +157,10 @@ function sideBarSysPlugins () { 'data-export', 'data-import', 'i18n', - 'mock.md' + 'mock', + 'error', + 'log', + 'console' ] } ] diff --git a/docs/zh/sys-plugins/console.md b/docs/zh/sys-plugins/console.md new file mode 100644 index 00000000..a11d88ce --- /dev/null +++ b/docs/zh/sys-plugins/console.md @@ -0,0 +1,51 @@ +# 控制台打印优化 + +使用 $log 可以在控制台输出美观的日志信息 + + + +## 胶囊 + +此方法打印一行“胶囊”样式的信息,即上图前四条 + +**参数:** + +$log.capsule( `左侧文字`, `右侧文字`, `主题样式` ) + +**示例:** + +``` js +this.$log.capsule('title', 'success', 'success') +``` + +## 彩色文字 + +此方法可以随意组合打印文字的颜色顺序 + +``` js +this.$log.colorful([ + { text: 'H', type: 'default' }, + { text: 'e', type: 'primary' }, + { text: 'l', type: 'success' }, + { text: 'l', type: 'warning' }, + { text: 'o', type: 'danger' } +]) +``` + +上面的代码效果为效果图中第五行 + +## 快速方法 + +* $log.default +* $log.primary +* $log.success +* $log.warning +* $log.danger + +**示例:** + +``` js +this.$log.primary('primary style') +``` + +这五个快速方法的效果为效果图中第六至十行 \ No newline at end of file diff --git a/docs/zh/sys-plugins/error.md b/docs/zh/sys-plugins/error.md new file mode 100644 index 00000000..6ad8c571 --- /dev/null +++ b/docs/zh/sys-plugins/error.md @@ -0,0 +1,13 @@ +# 错误捕捉 + +框架内已经做好错误捕捉处理,您不需要任何设置,当发生一个错误时,错误会被自动记录在日志中,并且在控制台显示相关错误信息。 + +日志查看界面: + +![](http://fairyever.qiniudn.com/20180820173544.png?imageMogr2/auto-orient/thumbnail/1480x/blur/1x0/quality/100|imageslim) + +控制台输出: + +> 只在开发模式下输出 + +![](http://fairyever.qiniudn.com/20180820172927.png?imageMogr2/auto-orient/thumbnail/1480x/blur/1x0/quality/100|imageslim) \ No newline at end of file diff --git a/docs/zh/sys-plugins/log.md b/docs/zh/sys-plugins/log.md new file mode 100644 index 00000000..8e8c66ad --- /dev/null +++ b/docs/zh/sys-plugins/log.md @@ -0,0 +1,17 @@ +# 日志 + +使用 $logAdd 可以快速记录日志 + +示例: + +![](http://fairyever.qiniudn.com/20180820174810.png?imageMogr2/auto-orient/thumbnail/1480x/blur/1x0/quality/100|imageslim) + +查看日志: + +![](http://fairyever.qiniudn.com/20180820174524.png?imageMogr2/auto-orient/thumbnail/1480x/blur/1x0/quality/100|imageslim) + +使用方式: + +``` js +this.$logAdd('your log text') +``` \ No newline at end of file