当前位置: 首页 > news >正文

【npm】console工具(含胶囊,表格,gif图片)

这是一款控制台花样输出工具

相对丰富的输出方式

  • 文本输出
  • 属性值输出
  • 胶囊样式输出
  • 表格输出
  • 图片输出(含动图)

安装

npm install v_aot

引用

import v_aot from "v_aot";

字段说明

字段类型
属性字符串
字符串
类型default 、 primary 、 success 、 warning 、 danger

调用

v_aot.log(值)[文本输出]

v_aot.log("😼 vinca wrote the nuxt3 project");v_aot.log("【百度一下】https://www.baidu.com/");

图示

v_aot.log

v_aot.txt(属性,值,类型)[文本输出]

v_aot.txt("😼 vinca wrote the nuxt3 project", `v1.0.0 release`);v_aot.txt("😼 vinca wrote the nuxt3 project", `v1.0.0 release`, `success`);

图示

v_aot.txt

v_aot.capsule(属性,值,类型)[文本输出]

v_aot.capsule("😼 vinca wrote the nuxt3 project", `v1.0.0 release`);v_aot.capsule("😼 vinca wrote the nuxt3 project", `v1.0.0 release`, `success`);

图示

v_aot.capsule

v_aot.pa(值)[图片输出]

await v_aot.pa("../public/R-C.jpg").then((res) => {console.log(`请求本地jpg图,异步加载结果:`, res, "\n\n");
});await v_aot.pa("https://img-baofun.zhhainiao.com/pcwallpaper_ugc/static/50706fe64cbbdddc2c8c99d27eb64d4d.jpeg?x-oss-process=image%2fresize%2cm_lfit%2cw_3840%2ch_2160").then((res) => {console.log(`请求网络jpeg图,异步加载结果:`, res, "\n\n");});await v_aot.pa("https://ts1.cn.mm.bing.net/th/id/R-C.fd7cad22933db9caf2e02f2201cdacdb?rik=gJgWP1TDqA29CA&riu=http%3a%2f%2fimg.zcool.cn%2fcommunity%2f0109d25949e3baa8012193a3fb7c19.gif&ehk=pPVPiyQNUuMbzYgHC7KUMw7JBiep%2bDQKO82vNsJfX0o%3d&risl=&pid=ImgRaw&r=0").then((res) => {console.log(`请求网络gif图,异步加载结果:`, res, "\n\n");});

图示

v_aot.pa
v_aot.pa
v_aot.pa

v_aot.table(对象)[表格输出]

v_aot.table({header: ["版本号", "版本描述"],body: [["1.0.0", "更新log方法,可以输入内容完成控制台输出打印"],["1.0.1", "新增胶囊模式"],["1.0.2", "新增图片打印输出"],["1.0.5", "新增gif兼容打印输出"],],
});

图示

v_aot.table

编制

👩‍💻 作者:Vinca

📫 邮件:237690966@qq.com

💬CSDN博客:Vinca@

如果您在使用中遇到了问题,可以发送邮件给我~ 感谢你的支持

相关文章:

  • Http协议:Http缓存
  • VST3音频插件技术介绍
  • RequestHeader 异常拦截机制
  • 软考阅卷将完成?!软考成绩有望六月底公布!
  • Nginx缓存之web缓存配置
  • springmvc拦截器 和 异常拦截器
  • ai代码问题记录
  • 光纤三维布里渊温度和应变分布matlab模拟与仿真
  • 心跳机制讲解及实例
  • token无感刷新
  • 装饰者模式(设计模式)
  • JavaScript中的解构赋值
  • 为啥找对象千万别找大厂男,还好我不是大厂的。。
  • Python武器库开发-武器库篇之链接提取器(六十)
  • 【跟我学RISC-V】(三)openEuler特别篇
  • 【MySQL经典案例分析】 Waiting for table metadata lock
  • 【跃迁之路】【669天】程序员高效学习方法论探索系列(实验阶段426-2018.12.13)...
  • android百种动画侧滑库、步骤视图、TextView效果、社交、搜房、K线图等源码
  • CSS 三角实现
  • iOS高仿微信项目、阴影圆角渐变色效果、卡片动画、波浪动画、路由框架等源码...
  • javascript从右向左截取指定位数字符的3种方法
  • Java到底能干嘛?
  • Mocha测试初探
  • PHP 程序员也能做的 Java 开发 30分钟使用 netty 轻松打造一个高性能 websocket 服务...
  • vue 配置sass、scss全局变量
  • Vue.js-Day01
  • 彻底搞懂浏览器Event-loop
  • 从输入URL到页面加载发生了什么
  • 高程读书笔记 第六章 面向对象程序设计
  • 爬虫模拟登陆 SegmentFault
  • 前端js -- this指向总结。
  • 前端性能优化——回流与重绘
  • 山寨一个 Promise
  • 提醒我喝水chrome插件开发指南
  • 微信小程序:实现悬浮返回和分享按钮
  • 一些基于React、Vue、Node.js、MongoDB技术栈的实践项目
  • 走向全栈之MongoDB的使用
  • gunicorn工作原理
  • 策略 : 一文教你成为人工智能(AI)领域专家
  • 移动端高清、多屏适配方案
  • ​创新驱动,边缘计算领袖:亚马逊云科技海外服务器服务再进化
  • $NOIp2018$劝退记
  • (1)Android开发优化---------UI优化
  • (android 地图实战开发)3 在地图上显示当前位置和自定义银行位置
  • (C语言)输入一个序列,判断是否为奇偶交叉数
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第5节(封闭类和Final方法)
  • (笔试题)分解质因式
  • (二)Optional
  • (二十一)devops持续集成开发——使用jenkins的Docker Pipeline插件完成docker项目的pipeline流水线发布
  • (附源码)php新闻发布平台 毕业设计 141646
  • (附源码)springboot教学评价 毕业设计 641310
  • (十六)Flask之蓝图
  • (已解决)vscode如何选择python解释器
  • (转)创业的注意事项
  • (转)总结使用Unity 3D优化游戏运行性能的经验