继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

慕桂英546537
关注TA
已关注
手记 326
粉丝 31
获赞 200

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

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

因为我用的编辑器是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  

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP