dev-pretty-log
v0.1.8
Published
dev-pretty-log integrates console and alert with dev features.It closes your logs automatically when your project is published onLine
Downloads
3
Maintainers
Readme
dev-pretty-log(前端项目的本地及线上调试日志模块)
主要功能特点介绍
- 封装alert和console
- 对前端本地开发的日志添加样式,打印信息的形式更加直观
- 自动检测线上环境,去除所有的打印信息及alert
- 增加日志调试开关接口。重现开发日志,便于处理项目线上问题
注意点
默认仅对localhost和127.0.0.1的url地址可见日志
安装
- npm install dev-pretty-log --save-dev
- git clone https://github.com/future-team/dev-pretty-log
使用
html:script标签引入
<script src="path to dev-pretty-log/dist/dev-pretty-log.min.js"></script>
<script>
devLog.open();//线上开启log功能,本地默认开启
devLog.log('hello world');
devLog.warn('it's a warning);
devLog.close();//关闭log功能
</script>
JS:ECMAScript6 语法
import devLog from 'dev-pretty-log'
devLog.alarm({a:1});//自动将对象转换成字符串,同时在窗口和控制台打印
devLog.log('hello','world');
devLog.debug('hello world');
devLog.warn('warning');
devLog.error('warning');
devLog.dir('warning');
devLog.open()//手动开启日志(默认本地开发不需手动开启)
devLog.close()//手动关闭日志
命令
npm run build #打包
npm run demo #查看demo方式 cd examples && open index.html