在控制台中显示很酷的消息

在控制台中显示很酷的消息
发布时间 2020年4月8日
插件作者 eneajaho

一个Angular库,可在控制台日志中打印很酷的消息。

安装:

# NPM
$ npm install cool-console –save

全局选项:

选项 类型 默认 描述
padding 字符串 ‘5px 10px’ 设置控制台字符串框的填充
borderRadius 字符串 ‘2px’ 设置控制台字符串框的边界半径
fontSize 字符串 ’16px’ 敬酒服务方法上使用的类

使用:

将CoolConsoleModule添加到App NgModule

import { CommonModule } from '@angular/common';
import { CoolConsoleModule } from 'ng-cool-console';

@NgModule({
  imports: [
    CommonModule,
    CoolConsoleModule.forRoot()
  ],
  bootstrap: [App],
  declarations: [App]
})
class MainModule {}
import { CoolConsoleModule } from 'ng-cool-console';

@Component({...})
export class YourComponent {
  constructor(private cc: CoolConsoleService) {
    this.cc.success('✔ 初始化成功!');
    this.cc.warning('⚠ 全局警告!');
    this.cc.danger('? 处于危险之中!');
    this.cc.info('? 一切都会好的!');
    this.cc.info({ name: 'ng-cool-console' });

    /* Custom Log
    *  @param1 args
    *  @param2 color
    *  @param3 backgroundColor 
    */
    this.cc.log('一切都会好起来的!', 'black', 'red');
  }
}

设置全局选项
将值传递给

CoolConsoleModule.forRoot()
// AppModule
imports: [
    CoolConsoleModule.forRoot({
        padding: '6px 12px',
        borderRadius: '5px',
        fontSize: '18px'
    })
],