synthwave '84 霓虹效果需手动启用且依赖 webgl：安装 robb owen 官方扩展后，在 settings.json 中配置 "workbench.colortheme": "synthwave '84" 和 "synthwave84.enableneondreams": true，保存并完全重启 vscode；若无辉光，先检查 document.queryselector('canvas') 是否返回 null，确认硬件加速与 webgl 已启用。
SynthWave '84 的霓虹发光效果默认不启用，单纯安装主题后只会看到静态配色；要真正“蹦迪”，必须显式开启 synthwave84.enableNeonDreams 或通过命令触发，且依赖 WebGL 渲染支持。
安装 SynthWave '84 主题扩展
该主题不是 VSCode 内置项，必须从扩展市场手动安装。重点确认发布者是 Robb Owen（ID robbowen.synthwave-vscode），避免安装仿冒或下架版本导致 CSS 加载失败或配置项缺失。
- 点击左侧活动栏底部的扩展图标（
Extensions），或按Ctrl+Shift+X（Windows/Linux）/Cmd+Shift+X（macOS） - 搜索
SynthWave '84，认准作者为Robb Owen、安装量超 200 万的条目 - 点击“Install”，安装完成后无需重启——但主题不会自动激活，需手动启用
启用主题并打开霓虹发光效果
启用主题本身只需一行配置，但发光效果（Neon Dreams）是独立开关，且新版（v0.1.10+）已内置该功能，不再强制依赖 Custom CSS and JS Loader 插件——这是很多人踩坑的根源：装了多余插件反而引发安全警告或加载冲突。
- 按
Cmd+Shift+P（macOS）或Ctrl+Shift+P（Windows/Linux）打开命令面板 - 输入并选择
Preferences: Open Settings (JSON) - 在
settings.json的花括号内添加两行（注意逗号分隔）：
"workbench.colorTheme": "SynthWave '84", "synthwave84.enableNeonDreams": true
- 保存文件（
Cmd+S），然后**完全关闭所有 VSCode 窗口**（不只是标签页），再重新启动
发光效果不出现？先检查 WebGL 是否就绪
霓虹动画由 Canvas + WebGL 驱动，若系统禁用硬件加速、显卡驱动老旧、或运行在某些远程桌面/容器环境，canvas 元素根本不会创建，此时无论怎么配 enableNeonDreams 都无效。
- 打开命令面板，执行
Developer: Toggle Developer Tools - 切换到 Console 标签页，输入
document.querySelector('canvas')回车 - 若返回
null，说明 WebGL 上下文未初始化 - 临时验证：终端中运行
code --disable-gpu --enable-webgl启动 VSCode，再检查 canvas 是否存在 - 长期方案：在 VSCode 设置中搜索
hardware acceleration，确保Use Hardware Acceleration为on；macOS 用户还需确认系统偏好设置 → 安全性与隐私 → 隐私 → 图形卡权限已授权 VSCode
别被“Enable Neon Dreams”命令误导
VSCode 命令面板里确实有 Enable Neon Dreams 和 Disable Neon Dreams 命令，但它们只是快捷方式，底层仍修改同一配置项 synthwave84.enableNeonDreams。问题在于：这些命令**只在主题已启用的前提下才可见**；如果 workbench.colorTheme 没设对，命令压根不会出现在面板里——所以务必先确保主题生效，再找命令。
另外，部分用户反馈在 M1/M2 Mac 上首次启用后需等待 3–5 秒才会渲染出扫描线和辉光，这不是卡顿，而是 WebWorker 初始化动画帧的正常延迟。如果等了 10 秒仍无反应，优先查 WebGL 状态，而不是反复重装插件。
