我的思想随着这些闪耀的绿叶而闪耀;我的心灵因了这日光的抚触而歌唱;

敲代码从未如此带感activate-power-mode支持多种平台

技术专栏 致远 288℃ 0评论

今天介绍一款插件,写程序,写代码,写文章非常带感,运行在你的站点上,连输入框都是如此性格,它就是activate-power-mode

乖乖乖 码码码 如此带感!看图-大磊's Blog

Atom是Github推出的一个文本编辑器,其中包含很多插件可以自行下载安装,其中一个最近比较火的就是插件activate-power-mode,可以实现打字屏振效果,

敲代码的抖动插件地址是:https://atom.io/packages/activate-power-mode

windows编辑器 Atom ,Atom是github出的一个编辑器,官网:https://atom.io/

activate-power-mode

在线演示

使用 textarea-caret-position库

如何使用

Windows版

下载安装打开Atom, 选择 packages->settings view->insatll packages/Themes

然后 在 Install Packages 中输入:activate-power-mode 然后搜索

然后点击 install 安装activate-power-mode

进入文本编辑页面 启动特效功能 ctrl+alt+o,就可以打字带特效啦

JavaScript
JS版
JS版
<script src="activate-power-mode.js"></script>
<script>
    POWERMODE.colorful = true; // 彩色
    POWERMODE.shake = false;   // 震动切换
    document.body.addEventListener('input', POWERMODE);
</script>

Awesome Power Mode

A curated list of power modes as popularized in https://github.com/codeinthedark/editor/pull/1 by @JoelBesada.

Atom版本

https://github.com/JoelBesada/activate-power-mode

Brackets版本

https://github.com/Equals182/brackets-power-mode

Codemirror版本

https://github.com/chinchang/code-blast-codemirror

IDEA版本

https://github.com/ViceFantasyPlace/activate-power-mode

JavaScript版本

https://github.com/disjukr/activate-power-mode

VIM版本

https://github.com/mattn/vim-particle

Visual Studio版本

https://github.com/LiamMorrow/Visual-Studio-Power-Mode

Windows版本

https://github.com/if1live/ParticleOnTextCursor

XCode版本

https://github.com/poboke/ActivatePowerMode

https://github.com/qfish/XActivatePowerMode

https://github.com/Dawn-/CoderPower

转载请注明:致远博客 » 敲代码从未如此带感activate-power-mode支持多种平台

喜欢 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址