介绍

需要IntelliJ版的安装的,看我16年版的文章(activate-power-mode 写代码的时候体验狂拽酷炫的效果 (IntelliJ IDEA版安装过程及问题))。。。汗,一晃两年过去了。我转战前端,现在用isual Studio Code变得比较多一点了。
power-mode现在的效果也比当年多多了,更炫酷了,不过说实话,长时间码代码还是把此模式关掉的好。。。有点晕~~~

不多说
activate-power-mode git 总链接: https://github.com/codeinthedark/awesome-power-mode
Visual Studio Code https://github.com/hoovercj/vscode-power-mode

现在支持的有:

Atom
https://github.com/JoelBesada/activate-power-mode
Brackets
https://github.com/Equals182/brackets-power-mode
Codemirror
https://github.com/chinchang/code-blast-codemirror
HyperTerm
https://github.com/zeit/hyperpower
IDEA
https://github.com/ViceFantasyPlace/activate-power-mode
https://github.com/axaluss/power-mode-intellij-plugin (https://plugins.jetbrains.com/plugin/8251)
JavaScript
https://github.com/disjukr/activate-power-mode
https://github.com/itszero/rage-power (React.js component)
VIM
https://github.com/mattn/vim-particle
Visual Studio
https://github.com/LiamMorrow/Visual-Studio-Power-Mode
https://github.com/BigEggTools/PowerMode
Visual Studio Code
https://github.com/hoovercj/vscode-power-mode
Windows
https://github.com/if1live/ParticleOnTextCursor
XCode
https://github.com/poboke/ActivatePowerMode
https://github.com/qfish/XActivatePowerMode
https://github.com/Dawn-/CoderPower

安装

step1 打开Visual Studio Code,点击侧边栏的插件,搜索power mode

第一个就是了, 点击install, 随后点击reload
power-mode 写代码的时候体验狂拽酷炫的效果 (Visual Studio Code版安装)#2

在User Settings 文件里加上来enable 插件

“powermode.enabled”: true

这下就成了!看下效果:
power-mode 写代码的时候体验狂拽酷炫的效果 (Visual Studio Code版安装)#2

step2 设置效果

可以自己选择效果,同样在User Settings 文件里加setting:
Valid values: “particles”, “fireworks”, “flames”, “magic”, “clippy”, “simple-rift”, “exploding-rift”.

“powermode.presets”: “flames”

Rift (Simple)

“powermode.presets”: “simple-rift”

power-mode 写代码的时候体验狂拽酷炫的效果 (Visual Studio Code版安装)#2

Rift (Exploding)

“powermode.presets”: “exploding-rift”

power-mode 写代码的时候体验狂拽酷炫的效果 (Visual Studio Code版安装)#2

Fireworks

“powermode.presets”: “fireworks”

power-mode 写代码的时候体验狂拽酷炫的效果 (Visual Studio Code版安装)#2

Flames 好喜欢这个效果,这个不晃,可以长时间用哦

“powermode.presets”: “flames”

power-mode 写代码的时候体验狂拽酷炫的效果 (Visual Studio Code版安装)#2

step3 自定义效果

最酷的地方在这儿,可以自定义效果哦~
不行了,懒得翻译了,自己看吧

  • powermode.customExplosions: 选择自己的效果用 base64 encoded gifs 或者 full URIs (例如 “data:image/gif;base64,1337GIF”, “C:/my/cat/gif”, “https://coolgif.io“)
  • powermode.backgroundMode: mask will use the gif as a mask, letting
    the shape of the gif through with the color of the text. image will use the gif itself as the background.
  • powermode.gifMode: restart will restart a gif each time it is displayed, continue will play the gif from the place it stopped. continue is particularly useful when you only have 1 visible gif, restart is useful when you have multiple, but may reduce performance.
  • powermode.maxExplosions: Reducing this will reduce the number of
    explosions rendered at once.
  • powermode.explosionFrequency: Increasing
    this will increase the number of keystrokes between explosions. It
    means that there will be gaps between explosions as you type but may
    help performance.
  • powermode.customExplosions: Provide your own gifs
    to use (And share them here)
  • powermode.customCss: Changes the CSS
    applied to the “after” pseudoelement. You can experiment with ways to
    make it look or perform better.
  • powermode.explosionOrder: sequential
    will cycle through explosions in order, random will pick one
    randomly, and providing a number will select the explosion at that
    (zero-based) index in the list of explosions.

相关文章: