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

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

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

    PHP支持C.C++和 Shell 脚本风格的注释. 单行注释 两个反斜线组成的单行注释 // 注释内容 一个井号组成的单行注释 # 注释内容 说明:PHP单行注释几乎用的都是//,很少使用#来注释内 ...

  2. Markdown新手教程

    目录 什么是Markdown? 用Markdown写作有什么优缺点? 有哪些比较好的Markdown写作工具? markdown语法 标题 水平分区线 引用 中划线 斜体 粗体 斜粗体 链接 图片 无 ...

  3. 软件包管理之rpm与yum

    软件包的安装和卸载时很平常的事,但在Linux上面却不简单..Linux的其中一个哲学就是一个程序只做一件事,并且做好.组合小程序来完成复杂的任务,这样做有很多好处,但是各个小程序之间往往会存在着复杂 ...

  4. Swift5 语言指南(十八) 可选链接

    可选链接是一个查询和调用当前可选的可选项的属性,方法和下标的过程nil.如果optional包含值,则属性,方法或下标调用成功; 如果是可选的nil,则返回属性,方法或下标调用nil.多个查询可以链接 ...

  5. 机器学习技法笔记:11 Gradient Boosted Decision Tree

    Roadmap Adaptive Boosted Decision Tree Optimization View of AdaBoost Gradient Boosting Summary of Ag ...

  6. 机器学习技法笔记:07 Blending and Bagging

    Roadmap Motivation of Aggregation Uniform Blending Linear and Any Blending Bagging (Bootstrap Aggreg ...

  7. JavaScript 全屏展示

    浏览器都有页面全屏的功能 F11 ,那么如何用JavaScript控制页面全屏呢?MDN上提供的的API , 一个小demo验证一下! <!DOCTYPE html> <html l ...

  8. 【LeetCode】14. 最长公共前缀

    题目 编写一个函数来查找字符串数组中的最长公共前缀.如果不存在公共前缀,返回空字符串 "". 示例 1:输入: ["flower","flow&quo ...

  9. win10 store 无法连接网络(原创)

    当你试过所有的解决攻略 都无效时,那么使用这个教程 关闭以下的蓝色框里的

  10. TCP/IP 笔记 - 超时和重传

    TCP协议为了提供可靠的数据传输服务,会启动数据重传来解决下层网络层(IP)可能出现的数据包丢失. 超时重传介绍 TCP重传由两套独立机制来完成重传,基于时间的超时重传(RTO,TCP发送数据时会设置 ...