🎨 Console Charm 浏览器示例

提示：请打开浏览器的开发者工具（F12），切换到控制台（Console）标签页，然后点击下面的按钮查看效果！

✨ CDN 引用：本示例现在使用 jsDelivr CDN 从 npm 包加载文件，无需本地构建即可运行！

基本使用

构建信息

自定义样式

代码示例

📦 NPM 安装使用

// 安装
npm install console-charm

// 基本使用
import { success, info, warning, error } from 'console-charm';

success('操作成功');
info('提示信息');
warning('警告信息');
error('错误信息');

// 构建信息
import { buildInfo } from 'console-charm';

buildInfo({
    version: '1.0.0',
    environment: 'production',
    buildDate: new Date(),
    branch: 'main',
    commit: 'abc123def456'
});

🌐 CDN 使用方式


<script src="https://cdn.jsdelivr.net/npm/console-charm@latest/dist/umd/index.js"></script>


<script src="https://cdn.jsdelivr.net/npm/console-charm@1.0.0/dist/umd/index.js"></script>

<script>
// 使用全局变量 ConsoleCharm
ConsoleCharm.success('操作成功');
ConsoleCharm.info('提示信息');
</script>