今天偶尔发现了一款比较炫酷的插件,想让你们看看效果

打代码的时候会有非常炫酷的效果哟

因为我用的编辑器是VScode,所以我也只搞了搞VSCode中使用Power Mode的方法,如果你用的是别的编辑器你可以去网上找下资源,我看了看,大部分的编译器都支持

来下面说说他的使用,基础使用步骤

1.扩展>搜索Power Mode,安装并重新启动VSCode

    2.打开编译器左下角的配置的图标,

    3.选择设置,直接打开右上角的三个点,选择打开setting.json

    4.将以下代码拷贝进去并保存

  //powser mode
"powermode.enabled": true,
//样式
"powermode.presets": "particles",
// 时间间隔
"powermode.comboTimeout":8,
// 抖动
"powermode.enableShake": false,
"powermode.backgroundMode": "mask",

5.保存,现在你会发现已经有效果了,是不是很炫酷,那如果你觉得还不够,好,我们继续看看还能不能再操作操作,首先,上面插入代码都是可以改的,注释我已经给你们写上了,你们可以改改试试

  

  假设上面的配置还是满足不了你,别急,我们还有方法

  在第三步的地方会有一个搜索框,里面显示搜索设置,我们在此输入Power Mode并打开setting.json,你就会发现左边出来一堆配置,下面我们能来看看这些配置都是干啥的,原本英文的,下面我转化为中文,方便大家理解

  

/ /影响用于显示GIF的CSS属性。“.”使用gif作为掩码,让背景通过(类似于原子功率模式),而“image”将显示实际的gif。
  "powermode.backgroundMode": "mask",
/激活激活模式所需的组合编号!!!!              
 "powermode.comboThreshold": 0,
/启用激活电源模式!!!!              
"powermode.enabled": false,
//'重新启动'将重新启动GIF每次显示,“继续”将继续播放它从它的前一点              
 "powermode.gifMode": "continue", //使用背景图像的“url()”部分中可以放入的任何内容,例如base64编码的gif或绝对文件路径WITHOUT引号。URL必须是HTTPS。 "powermode.customExplosions": [],
/屏幕抖动的强度             
"powermode.shakeIntensity": 5,
//设置为false以在键入时禁用爆炸             
"powermode.enableExplosions": true,
//设置为false以在键入时禁用抖动             
"powermode.enableShake": true,
//设置为false以禁用显示在状态栏中的组合             
"powermode.enableStatusBarComboCounter": true,
//组合重置前的秒数              
"powermode.comboTimeout": 10,
/确定爆炸持续多长时间(毫秒)。设置为0,它将永远持续下去。              
"powermode.explosionDuration": 1000,
/触发爆炸所需的击键次数。2意味着每一秒击键都会爆炸,1意味着每次击键。              
"powermode.explosionFrequency": 2,
/爆炸的垂直偏移。增加它将推动爆炸,减少它将使它们下降。              
"powermode.explosionOffset": 0.35,
/确定爆炸是如何循环的。随机(默认)从列表中随机选取。顺序“按顺序遍历列表,一个数字将在列表中选择基于(零)索引的爆炸。             
"powermode.explosionOrder": "random",
爆炸的大小。对于值x,高度设置为x REM,宽度设置为xCH。             
"powermode.explosionSize": 6,
/设置适用于爆炸元素的自定义CSS。             
"powermode.customCss": {},
//同时爆炸的最大次数             
"powermode.maxExplosions": 1,
//在不同的预设GIFs之间选择使用PosikMod              
"powermode.presets": "particles",
//设置为false以禁用显示状态栏中的定时器
"powermode.enableStatusBarComboTimer": true
 

上面是Power Mode的一些扩展配置,你可以根据自己的喜好进行设置,如果你还是觉得不爽,想要更多炫酷的效果,那你可以再深入研究一下,Power Mode功能很强大,但是网上关于他的文章基本没有深入配置的,反正我是没找到,不过基础的这些配置很炫了,我觉得这个最简单的效果就用着很舒服,太复杂的效果容易影响我们的视线,不利于我们的写代码

今天就先到这吧,我准备准备度过一手愉快的保健的,周六不保健跟或者不喘气大体是是一个意思吧,大差不差,老铁们,假设我一不小心帮了你,麻烦点一下推荐可好,集齐十个推荐兑换保健一次可好  

  

一款超级炫酷的编辑代码的插件 Power Mode的更多相关文章

  1. 一款基于jQuery和CSS3炫酷3D旋转画廊特效插件

    这是一款效果炫酷的jQuery和CSS3 3D旋转画廊特效插件.该3D画廊插件可以通过前后导航按钮来切换图片,效果就像旋转木马一样.它还带有点击放大图片,显示图片标题和用键盘操作等功能. 在线预览   ...

  2. 一款非常炫酷的jQuery动态随机背景滚动特效

    一款非常炫酷的jQuery动态随机背景滚动特效 图片背景会不停息的滚动,带有那种漂浮的视觉效果,小圈圈飘动. 更好的是还兼容IE6浏览器,大伙可以好好研究研究. 适用浏览器:IE6.IE7.IE8.3 ...

  3. [开源硬件DIY] 自制一款精致炫酷的蓝牙土壤温湿度传感器,用于做盆栽呵护类产品(API开放,开发者可自行DIY微信小程序\安卓IOS应用)

    目录 前言: 1. 成品展示 2. 原理图解析 3. pcb设计 4. 嵌入式对外提供接口 4.1 蓝牙广播 4.2 蓝牙服务和属性 4.3 数据包格式 4.4 数据通信模型 重要 . 前言: 本期给 ...

  4. flask-admin章节五:wtforms FormField超级炫酷使用

    1. 概述 查看wtforms代码树fields目录的core.py,会发现在文件开头有这样的语句: __all__ = ( 'BooleanField', 'DecimalField', 'Date ...

  5. 7款经典炫酷的HTML5/jQuery动画应用示例及源码

    jQuery是一款普遍受前端开发者欢迎的Javascript框架,但是开发者貌似更关注jQuery开发的插件,海量的jQuery插件让前端开发者非常方便.HTML5的加入让jQuery这个家族更加丰富 ...

  6. 程序猿必备的10款超炫酷HTML5 Canvas插件

    1.超炫酷HTML5 Canvas 3D旋转地球动画 这是一款基于HTML5 Canvas的3D地球模拟动画,动画以太空作为背景,地球在太空中旋转,同时我们也可以拖拽鼠标来从不同的角度观察地球.另外我 ...

  7. eclipse在线安装超级炫酷黑色主题

    Darkest Dark Theme插件: 点击菜单栏 Help --> Eclipse Marketplace,输出Darkest Dark Theme进行搜索,如下图: 本主题有17套编辑器 ...

  8. 制作炫酷雪花背景的jQuery插件

    插件使用十分简单,代码已经放至我的GitHub,大家可以下载以及使用或者更新改进代码. HTML代码源码: <!DOCTYPE html> <html> <head> ...

  9. vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)

    前言: 此事例是在vue组件中,使用canvas实现倒计时动画的效果.其实,实现效果的逻辑跟vue没有关系,只要读懂canvas如何实现效果的这部分逻辑就可以了 canvas动画的原理:利用定时器,给 ...

随机推荐

  1. [UWP]实现一个轻量级的应用内消息通知控件

    在UWP应用开发中,我们常常有向用户发送一些提示性消息的需求.这种时候我们一般会选择MessageDialog.ContentDialog或者ToastNotification来完成功能. 但是,我们 ...

  2. 【BZOJ】 Hash Killer I II III

    前言 这里只是一个整理... Solution Hash Killer I Hash Killer II

  3. Scala微服务架构 三

    四 Controller层 之前我们已经把基层架构搭建好了,那么要如何使用呢? 首先看看我的Controller层代码 @Singleton class BMAuthController @Injec ...

  4. InnoDB体系架构(二)内存

    InnoDB体系架构(二)内存 上篇文章 InnoDB体系架构(一)后台线程 介绍了MySQL InnoDB存储引擎后台线程:Master Thread.IO Thread.Purge Thread. ...

  5. java中的io系统详解

    相关读书笔记.心得文章列表 Java 流在处理上分为字符流和字节流.字符流处理的单元为 2 个字节的 Unicode 字符,分别操作字符.字符数组或字符串,而字节流处理单元为 1 个字节,操作字节和字 ...

  6. 第二十九节:Java基础知识-类,多态,Object,数组和字符串

    前言 Java基础知识-类,多态,Object,数组和字符串,回顾,继承,类的多态性,多态,向上转型和向下转型,Object,数组,多维数组,字符串,字符串比较. 回顾 类的定义格式: [类的修饰符] ...

  7. [CocoaPods]Podfile文件

    Podfile是一个描述一个或多个Xcode项目的目标依赖项的规范.该文件应该只是命名Podfile.指南中的所有示例都基于CocoaPods 1.0及更高版本. Podfile可以非常简单,这会将A ...

  8. Java诊断工具

    官方文档:Arthas(阿尔萨斯) 1. 安装成功后通过  arthas 命令使用 arthas软件 进入后显示服务器正在运行的Java进程: 2. help显示 atrhas 的功能列表

  9. Dispatch Queue 之内存中常驻的几个结构

    _dispatch_main_q 也就是主要主队列,一定运行在主线程里. // 6618342 Contact the team that owns the Instrument DTrace pro ...

  10. Notyf - 超级简单、响应式的 JS 通知插件

    通知是网站的常用功能之一,可以用来显示消息.通告.提示等等.Notyf 是一款超级简单.响应式的 JS 通知插件,不依赖 jQuery 库,可以独立使用.赶紧试用一下吧! 在线演示      免费下载 ...