Login
芋圆社区 > 编程 > Visual Studio Code > 让写代码有动画特效

让写代码有动画特效

1574
0
2022-03-08
2022-05-17
Hey、小怪兽

  • • 如何在Visual Studio Code敲代码的时候有动画特效?
  • • 首先打开Vscode的插件商店搜索power或者power mode,第二个就是了,因为我已经安装过了,没安装过的右边有个安装的按钮
  • • 点击安装,安装后打字就有动画效果了,这里可以配置一下,点击那个齿轮,选择拓展设置
  • • 第一个就是这个插件的开启和关闭,默认开启的
  • • 接下去是各个动画的效果
  • - particles:粒子动画,这个挺好看的
  • -​​​​​​​ fireworks:烟花动画,这个烟花的也不错
  • -​​​​​​​ flames:火焰动画,火焰的也还可以
  • -​​​​​​​ magic:魔术动画,感觉一般
  • -​​​​​​​ clippy:这啥东西不知道,挺丑的
  • -​​​​​​​ simple-rift:简单裂痕动画,蛮丑的
  • -​​​​​​​ exploding-rift:爆炸裂痕动画,巨丑
  • • 这是设置Combo的,第一个设置是否显示,default和show是显示,hide是隐藏
  • • 第二个设置是文字的尺寸
  • • Combo就是右上角的这个东西,打一个字就1X
  • • 这个设置我不知道是啥,还是不要改好了,上面写的是控制Combo信息是否显示,但是上面又写了Location,就default就可以了
  • • 这个阈值好像也没啥用,默认0好了
  • • Timeout就是Combo的进度条,第一个设置是多久后这个计数器会重置,3就是3秒,0就是一直会计数,第二个设置就是是否显示进度条
  • • shake就是屏幕震动,默认开启的,最好把他关掉,晃得都瞎了
  • • Background Mode这个挺神奇的,它显示选择了Mask其实并没有生效,可以点击下面的在setting.json里编辑
  • • 在里面添加一句:
  • "powermode.explosions.backgroundMode": "mask"
  • • 这个mask的作用好像是改变颜色,据我测试是这样的,比方说刚才的火焰动画是红色的,现在就是白色了
  • • 它会根据你输入的颜色改变自己的颜色,这里我输入的代码是白色的,所以它是白色的,可以找点别的颜色比如绿色
  • • 接下去这个Duration是动画的持续时间,1000就是1秒,设置成0就会一直持续,也就是这个火焰会一直烧,这个持续时间是根据最后一个动画的,比方说你打了5个字,会出现5次动画,只有最后一次的动画会一直持续
  • • 这个设置是动画的开启和关闭,默认开启的,关闭了打字就没动画了
  • • 这两个设置不晓得啥用,说是触发动画需要按键的次数,我设置成1和5还是一样
  • • 最大动画数量
  • • 如果设置成5就可以同时看到5个火焰
  • • 动画的位置,设置成1比较正常,或者默认,默认是0.35
  • • 设置成0.1
  • • 设置成1.5
  • • 动画的规模,默认是6
  • • 这些设置可以直接在这里修改,也可以去刚才的setting.json里修改,打个powermode就可以自己配置了
  • • 附上我的setting.json配置代码(注意添加到自己的花括号里,不是黏贴全部,因为你的vscode可能配置了其他的东西):
  • {
        "workbench.colorTheme": "Material Theme Palenight",
        "window.zoomLevel": 1,
        "prettier.printWidth": 500,
        "prettier.tabWidth": 4,
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true,
        "liveServer.settings.donotShowInfoMsg": true,
        // 把下面的代码添加到你的setting.json,上面是我其他插件的配置
        "powermode.enabled": true,
        "powermode.shake.enabled": false,
        "powermode.presets": "flames",
        "powermode.combo.timeout": 20,
        "powermode.explosions.backgroundMode": "mask",
        "powermode.explosions.offset": 1
    }

上一篇:保存自动格式化

Message Board
回复
回复内容不允许为空
留言字数要大于2,小于200!
提交成功,5s后刷新页面!
编程导航

Indent-rainbow插件

用户代码片段快速生成代码

关掉Reference提示

Partial Diff插件

保存自动格式化

让写代码有动画特效

Copyright © 2020 芋圆社区

Powered by 浙ICP备2020039309号-1

此页面不支持夜间模式!

已进入夜间模式!

已进入普通模式!

搜索框不允许为空

签到成功!经验+5!芋圆币+2!

签到失败!今日已签到!

需要登录社区账号才可以进入!

复制成功
寄,页面未加载完成或页面无锚点