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

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

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

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

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

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

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

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

  1. //powser mode
  2. "powermode.enabled": true,
  3. //样式
  4. "powermode.presets": "particles",
  5. // 时间间隔
  6. "powermode.comboTimeout":8,
  7. // 抖动
  8. "powermode.enableShake": false,
  9. "powermode.backgroundMode": "mask",

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

  

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

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

  

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

上面是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. 使用 PLSQL 提示动态执行表不可访问,本会话的自动统计被禁止

    使用PLSQL,第一次执行表的select操作的时候,提示"动态执行表不可访问,本会话的自动统计被禁止",如上图: 这种问题,一看就是当前连接用户没有对sys用户下的表v$sess ...

  2. win10 + gtx1060 + cuda8.0 + caffe + vs2013 + Tensorflow + PyTorch

    一. 安装cuda8.0 1)先去官网下载cuda8.0  https://developer.nvidia.com/cuda-toolkit 2)下载完之后进行安装,安装时间有点长,请耐心等待,默认 ...

  3. 内链接、左右连接、union并集

    第一个:内连接接 inner join select   *   from   a   inner   join   b   on   a.id=b.id where a.id =b.id (这种用法 ...

  4. python之排序算法

    排序是每个语言都需要学会的,不管是c++.java还是python,套路都是类似的 python中也有自带的排序函数sort,直接使用也可 闲来无事写了几个排序算法,各不相同 1.每次遇到最小的数都交 ...

  5. url参数+,&,=,/等转义编码

    url出现了有+,空格,/,?,%,#,&,= 等特殊符号的时候,可能在服务器端无法获得正确的参数值. 案例: <img src="BarCode39.aspx?barcode ...

  6. 在Android Studio添加本地aar包引用

    1.如何在Android Studio添加本地aar包引用 https://jingyan.baidu.com/article/2a13832890d08f074a134ff0.html 2.完成上述 ...

  7. 关于vue项目中,手动定义的scrollTop的值

    在项目中,有时需要控制scrollTop的值,比如有一个列表页,点击任意一个列表可以进入其详情页,这时如果你要返回的话, 肯定是希望还回到刚刚点击的地方,我当时的解决办法是,本地存下点击那一刻的scr ...

  8. Django --ORM常用的字段和参数 多对多创建形式

    1 ORM字段 AutoField int自增列,必须填入参数 primary_key=True.当model中如果没有自增列,则自动会创建一个列名为id的列. IntegerField 一个整数类型 ...

  9. EasyNetQ中使用自定义的ISerializer

    最近在使用EasyNetQ时,遇到一个问题:c++项目组发送的消息数据不是Json数据,而是自定义的数据格式(各字段+‘|’连接成一个字符串),EasyNetQ中消费消息接收的都是强类型,没办法直接消 ...

  10. 使用python-aiohttp爬取今日头条

    http://blog.csdn.net/u011475134/article/details/70198533 原出处 在上一篇文章<使用python-aiohttp爬取网易云音乐>中, ...