CodeSpotlight icon

CodeSpotlight

CodeSpotlight 是 JetBrains IDE 外掛,可在不修改原始檔的情況下,為選取的程式碼加入可自訂動畫邊框、光暈與視覺效果,適合教學、簡報、錄影、審查及日常編輯使用。

CodeSpotlight

概覽

CodeSpotlight 是 IntelliJ IDEA 和 Android Studio 外掛,可將一般的程式碼選取轉變為可自訂的動畫視覺聚焦。它會在選取的程式碼周圍呈現發光邊框、移動光線和平滑轉場等效果,也支援多行選取,而且不會變更底層原始碼。

此外掛可在 IntelliJ IDEA 的設定中,前往 Tools → Animated Selection (CodeSpotlight) 進行設定。使用者可以啟用效果、選擇動畫模式、設定色彩,以及調整視覺參數,同時繼續使用編輯器原有的選取和編輯行為。Free 方案提供核心效果,而 Pro 則擴充動畫、色彩、光跡、預設和聚焦選項。

主要功能

動畫選取聚焦

在單行或多行程式碼選取範圍周圍加入可自訂的動畫邊框和光暈,同時保留編輯器的標準選取行為。

多種動畫模式

可在 Traveling Border、Pulse、Breathing Glow、Static Glow,以及 Pro 提供的 Travel + Pulse、Energy Sweep、Aurora 和 Orbit 等動畫模式之間選擇。

細緻的視覺控制

可從 IntelliJ IDEA 設定調整動畫速度、光暈強度、邊框粗細、光暈半徑、圓角半徑、動畫 FPS、移動光線區段和光跡。

色彩自訂

Free 提供內建色彩預設,Pro 則可定義自訂主要色彩和次要色彩。

儲存預設

Free 最多可儲存兩個設定,Pro 則可儲存無限個預設,以便在不同視覺配置之間切換。

Focus Mode 與編輯器佈景主題

Pro 包含 Focus Mode;此外掛也提供選用的 CodeSpotlight Dark 色彩配置整合。

使用情境

  • 技術教學

    在技術教學或課堂式講解中逐步說明程式碼時,使用動畫邊框或光暈,讓目前的選取範圍在視覺上更容易辨識。

  • 螢幕錄影與即時撰寫程式碼

    在螢幕錄影和即時撰寫程式碼的過程中,讓觀眾更容易跟上選取的程式碼區塊,同時不改動專案檔案。

  • 示範與程式碼審查

    在程式碼示範、簡報或審查討論中,將注意力引導至相關程式碼行,同時保留正常的編輯器互動。

  • 日常編輯器工作

    在日常開發中,為選取的程式碼套用一致的視覺效果,方便追蹤較大的選取範圍或多行選取。

Pros and Cons

Pros

  • 無需修改原始檔即可運作。
  • 可直接在 IntelliJ IDEA 設定中進行設定。
  • 支援多行選取,並保留一般的選取與編輯行為。
  • 提供 Free 和 Pro 兩種功能層級,包括已儲存預設和進階視覺控制。

Cons

  • 部分動畫模式、自訂選項和 Focus Mode 需要 Pro 訂閱。
  • 此視覺效果是為 JetBrains IDE 工作流程設計;所提供的資訊未證實支援其他編輯器。

FAQ

如何設定 CodeSpotlight?

在 IntelliJ IDEA 中,開啟設定,前往 Tools → 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 次月費後,以及所有年訂閱方案,均可取得永久授權作為替代方案。

Free 和 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 Settings → Tools → Animated Selection (CodeSpotlight)