首页手记一款超级炫酷的编辑代码的插件 Power Mode

一款超级炫酷的编辑代码的插件 Power Mode

标签：

JavaScript

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

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

因为我用的编辑器是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": {},

//同时爆炸的最大次数

//在不同的预设GIFs之间选择使用PosikMod

              
//设置为false以禁用显示状态栏中的定时器

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

原文出处：https://www.cnblogs.com/suihang/p/9972812.html

点击查看更多内容