CodeSpotlight icon

CodeSpotlight

CodeSpotlight 是 JetBrains IDE 插件,可为选中代码添加可配置的动画边框、光晕等视觉效果,且不修改源文件。适用于教程、演示、录屏、代码审查和日常编辑。

CodeSpotlight

概览

CodeSpotlight 是 IntelliJ IDEA 和 Android Studio 插件,可将普通代码选择转变为可配置的动画视觉聚焦效果。它会在选中代码周围绘制发光边框、移动光线和平滑过渡等效果,包括多行选择,同时不会更改底层源代码。

插件可在 IntelliJ IDEA 的“设置”中通过“工具 → Animated Selection (CodeSpotlight)”进行配置。用户可以启用效果、选择动画模式、设置颜色并调整视觉参数,同时继续使用编辑器原生的选择和编辑行为。免费版提供核心效果,而 Pro 扩展了动画、颜色、光迹、预设和聚焦选项。

主要功能

动画选择聚焦

在单行或多行代码选择周围添加可配置的动画边框和光晕,同时保留编辑器的标准选择行为。

多种动画模式

可在 Traveling Border、Pulse、Breathing Glow、Static Glow,以及 Pro 动画模式(包括 Travel + Pulse、Energy Sweep、Aurora 和 Orbit)之间进行选择。

详细视觉控制

可在 IntelliJ IDEA 设置中调整动画速度、光晕强度、边框粗细、光晕半径、圆角半径、动画 FPS、移动光段和光迹。

颜色自定义

免费版可使用内置颜色预设,Pro 支持定义自定义主色和辅色。

已保存预设

免费版最多可保存两个配置,Pro 支持保存无限数量的预设,便于在不同视觉设置之间切换。

Focus Mode 与编辑器主题

Pro 包含 Focus Mode;此外,插件还提供可选的 CodeSpotlight Dark 配色方案集成。

使用场景

  • 技术教程

    在技术教程或课堂式讲解中演示代码时,使用动画边框或光晕,让当前选择在视觉上更加醒目。

  • 录屏与实时编程

    在录屏和实时编程过程中,让观众更容易跟随选中的代码块,同时不会改动项目文件。

  • 演示与代码审查

    在代码演示、演讲或代码审查讨论期间,将注意力引导至相关代码行,同时保持正常的编辑器交互。

  • 日常编辑器工作

    在日常开发中,为选中的代码应用一致的视觉效果,便于跟踪较大范围或多行选择。

Pros and Cons

Pros

  • 无需修改源文件即可使用。
  • 可直接在 IntelliJ IDEA 设置中配置。
  • 支持多行选择,并保留正常的选择和编辑行为。
  • 提供免费版和 Pro 版两种功能级别,包括已保存预设和高级视觉控制。

Cons

  • 部分动画模式、自定义选项和 Focus Mode 需要 Pro 订阅。
  • 该视觉效果专为 JetBrains IDE 工作流设计;所提供的信息无法证明其支持其他编辑器。

FAQ

如何设置 CodeSpotlight?

在 IntelliJ IDEA 中,打开“设置”,前往“工具 → Animated Selection (CodeSpotlight)”,启用动画选择,选择动画模式和颜色,调整可用的视觉参数,然后在编辑器中选中代码。

CodeSpotlight 会更改我的源代码或编辑器行为吗?

不会。CodeSpotlight 会在选中代码周围添加视觉聚焦层,同时保留 IntelliJ IDEA 的正常选择和编辑行为。它不会修改源文件。

哪些 IDE 支持 CodeSpotlight?

根据其 Marketplace 列表,该插件兼容 IntelliJ IDEA、Android Studio 以及另外 13 款 JetBrains IDE。

CodeSpotlight 提供试用或订阅吗?

支持。Marketplace 定价页面提供个人使用的 30 天试用,也列出了按月和按年订阅;页面显示的美国价格为每月 2.00 美元和每年 20.00 美元。连续支付 12 个月月度订阅后,以及所有年度订阅,均可获得永久备用许可证。

免费版和 Pro 版分别包含哪些内容?

免费版包括动画选择高亮、四种动画模式、内置颜色预设、一个移动光段、标准光迹控制、核心视觉控制、最多两个已保存预设,以及可选的 CodeSpotlight Dark 配色方案集成。Pro 增加更多模式、自定义颜色、额外的移动光段、高级光迹控制、无限预设和 Focus Mode。

Quick Facts

类别
开发者工具;代码编辑;生产力
平台
IntelliJ IDEA、Android Studio 以及另外 13 款 JetBrains IDE
插件 ID
com.glowselect.animated-selection
供应商
CodeSpotlight
定价
免费版提供付费 Pro 功能;列有 30 天个人试用
配置
IntelliJ IDEA 设置 → 工具 → Animated Selection (CodeSpotlight)