一款超级炫酷的编辑代码的插件 Power Mode
今天偶尔发现了一款比较炫酷的插件,想让你们看看效果
打代码的时候会有非常炫酷的效果哟
因为我用的编辑器是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.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的更多相关文章
- 一款基于jQuery和CSS3炫酷3D旋转画廊特效插件
这是一款效果炫酷的jQuery和CSS3 3D旋转画廊特效插件.该3D画廊插件可以通过前后导航按钮来切换图片,效果就像旋转木马一样.它还带有点击放大图片,显示图片标题和用键盘操作等功能. 在线预览 ...
- 一款非常炫酷的jQuery动态随机背景滚动特效
一款非常炫酷的jQuery动态随机背景滚动特效 图片背景会不停息的滚动,带有那种漂浮的视觉效果,小圈圈飘动. 更好的是还兼容IE6浏览器,大伙可以好好研究研究. 适用浏览器:IE6.IE7.IE8.3 ...
- [开源硬件DIY] 自制一款精致炫酷的蓝牙土壤温湿度传感器,用于做盆栽呵护类产品(API开放,开发者可自行DIY微信小程序\安卓IOS应用)
目录 前言: 1. 成品展示 2. 原理图解析 3. pcb设计 4. 嵌入式对外提供接口 4.1 蓝牙广播 4.2 蓝牙服务和属性 4.3 数据包格式 4.4 数据通信模型 重要 . 前言: 本期给 ...
- flask-admin章节五:wtforms FormField超级炫酷使用
1. 概述 查看wtforms代码树fields目录的core.py,会发现在文件开头有这样的语句: __all__ = ( 'BooleanField', 'DecimalField', 'Date ...
- 7款经典炫酷的HTML5/jQuery动画应用示例及源码
jQuery是一款普遍受前端开发者欢迎的Javascript框架,但是开发者貌似更关注jQuery开发的插件,海量的jQuery插件让前端开发者非常方便.HTML5的加入让jQuery这个家族更加丰富 ...
- 程序猿必备的10款超炫酷HTML5 Canvas插件
1.超炫酷HTML5 Canvas 3D旋转地球动画 这是一款基于HTML5 Canvas的3D地球模拟动画,动画以太空作为背景,地球在太空中旋转,同时我们也可以拖拽鼠标来从不同的角度观察地球.另外我 ...
- eclipse在线安装超级炫酷黑色主题
Darkest Dark Theme插件: 点击菜单栏 Help --> Eclipse Marketplace,输出Darkest Dark Theme进行搜索,如下图: 本主题有17套编辑器 ...
- 制作炫酷雪花背景的jQuery插件
插件使用十分简单,代码已经放至我的GitHub,大家可以下载以及使用或者更新改进代码. HTML代码源码: <!DOCTYPE html> <html> <head> ...
- vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)
前言: 此事例是在vue组件中,使用canvas实现倒计时动画的效果.其实,实现效果的逻辑跟vue没有关系,只要读懂canvas如何实现效果的这部分逻辑就可以了 canvas动画的原理:利用定时器,给 ...
随机推荐
- 使用 PLSQL 提示动态执行表不可访问,本会话的自动统计被禁止
使用PLSQL,第一次执行表的select操作的时候,提示"动态执行表不可访问,本会话的自动统计被禁止",如上图: 这种问题,一看就是当前连接用户没有对sys用户下的表v$sess ...
- win10 + gtx1060 + cuda8.0 + caffe + vs2013 + Tensorflow + PyTorch
一. 安装cuda8.0 1)先去官网下载cuda8.0 https://developer.nvidia.com/cuda-toolkit 2)下载完之后进行安装,安装时间有点长,请耐心等待,默认 ...
- 内链接、左右连接、union并集
第一个:内连接接 inner join select * from a inner join b on a.id=b.id where a.id =b.id (这种用法 ...
- python之排序算法
排序是每个语言都需要学会的,不管是c++.java还是python,套路都是类似的 python中也有自带的排序函数sort,直接使用也可 闲来无事写了几个排序算法,各不相同 1.每次遇到最小的数都交 ...
- url参数+,&,=,/等转义编码
url出现了有+,空格,/,?,%,#,&,= 等特殊符号的时候,可能在服务器端无法获得正确的参数值. 案例: <img src="BarCode39.aspx?barcode ...
- 在Android Studio添加本地aar包引用
1.如何在Android Studio添加本地aar包引用 https://jingyan.baidu.com/article/2a13832890d08f074a134ff0.html 2.完成上述 ...
- 关于vue项目中,手动定义的scrollTop的值
在项目中,有时需要控制scrollTop的值,比如有一个列表页,点击任意一个列表可以进入其详情页,这时如果你要返回的话, 肯定是希望还回到刚刚点击的地方,我当时的解决办法是,本地存下点击那一刻的scr ...
- Django --ORM常用的字段和参数 多对多创建形式
1 ORM字段 AutoField int自增列,必须填入参数 primary_key=True.当model中如果没有自增列,则自动会创建一个列名为id的列. IntegerField 一个整数类型 ...
- EasyNetQ中使用自定义的ISerializer
最近在使用EasyNetQ时,遇到一个问题:c++项目组发送的消息数据不是Json数据,而是自定义的数据格式(各字段+‘|’连接成一个字符串),EasyNetQ中消费消息接收的都是强类型,没办法直接消 ...
- 使用python-aiohttp爬取今日头条
http://blog.csdn.net/u011475134/article/details/70198533 原出处 在上一篇文章<使用python-aiohttp爬取网易云音乐>中, ...