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

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

因为我用的编辑器是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. Cordova - 安装camera插件之后编译错误解决方法!

    安装camera插件之后,编译出错,错误截图如下: 刚开始以为是AAPT编译导致的,尝试关闭AAPT编译选项,但是不行,认真看了一下编译出错信息,应该是缺少文件导致的,随后在对应的目录中加入了缺失的文 ...

  2. MFS 服务扫描与爆破

    MSF 服务发现 常用来发现局域网内,的常见服务,比如HTTP,FTP,TELNET等. MSF模块搜索: [root@localhost ~]# msfconsole msf5 > searc ...

  3. Bashu2445 -- 【网络流24题-10】餐巾问题

    2445 -- [网络流24题-10]餐巾问题 Description 一个餐厅在相继的n天里,每天需要用的餐巾数不尽相同.假设第i天需要ri块餐巾(i=1,2,…,n).餐厅可以购买新的餐巾,每块餐 ...

  4. Mybatis框架三:DAO层开发、Mapper动态代理开发

    这里是最基本的搭建:http://www.cnblogs.com/xuyiqing/p/8600888.html 接下来做到了简单的增删改查:http://www.cnblogs.com/xuyiqi ...

  5. Data - 关于大数据

    历史与趋势 大数据的前世今生:诞生.发展.未来? 如何利用数据赚钱?大数据价值变现的10种商业模式及利弊分析 10大行业大数据应用痛点及解决策略 大数据凉了?不,流式计算浪潮才刚刚开始 概念与定义 关 ...

  6. Spring Boot国际化开发实战

    本章将讲解如何在Spring Boot和Thymeleaf中做页面模板国际化的支持,根据系统语言环境或者session中的语言来自动读取不同环境中的文字. 国际化自动配置 Spring Boot中已经 ...

  7. Liferay平台开发使用详细PPT演示文稿

    主要章节: 概述 功能和使用 开发扩展 安全.认证 高可用 Demo 独立流程演示工程: Liferay集成Activiti开发工程: PPT演示文稿下载 Demo程序分2部分: 独立流程演示工程:h ...

  8. 《JavaScript高级教程》学习笔记一、变量和数据类型

    JavaScript的核心语言特性在ECMA-262中是以名为ECMAScript的伪语言的形式来定义的. 一.变量和数据类型 1. 变量 JavaSript是弱类型语言,可以通过var定义任何类型变 ...

  9. Eclipse 工程目录下的.classpath、.project文件和.settings文件作用

    1..classpath 定义了你这个项目在编译时所使用的$CLASSPATH (注: 每次在更新jar的版本或者增加jar之后,请在SVN提交.classpath文件,否则工程的build path ...

  10. [教程向]__在IDEA中使用git+github实现代码的版本控制

    前言 在前面,我们对git与github有了一个简单的了解,了解到版本控制的必要性,和github远程代码仓库的一些作用.那么我们如何在IDEA重实现代码的版本控制呢. 前提 首先你要安装有git,注 ...