Sublime Text编写Vue怎么设置暗黑模式高亮-sublime-PHP中文网

需修改Packages/User/下.sublime-color-scheme文件的"selection"和"Highlight"规则background值，用hsla()调低饱和加透明度，并同步调整comment、string等syntax scope的foreground及globals背景文字配色，确保全链路护眼。

sublime text编写vue怎么设置暗黑模式高亮

Sublime Text 的 Vue 文件在暗黑模式下高亮刺眼、同词不显、注释发荧光，根本不是主题“不好看”的问题，而是配色方案（.sublime-color-scheme）里多个 scope 的颜色值没同步调低饱和、加透明度，或者压根改错了文件。

怎么定位并修改 selection 和 highlight_word 颜色

Sublime 不靠 Preferences.sublime-settings 控制高亮色，所有颜色由当前启用的 .sublime-color-scheme 文件定义。改错路径或 scope 就完全无效。

按 Ctrl+Shift+P → 输入 Show Scope Name 回车，看状态栏显示的 scheme 路径（如 Packages/User/Dracula.sublime-color-scheme）
如果路径不在 Packages/User/ 下，说明你用的是只读内置方案——必须把它复制到该目录再编辑
打开你的 .sublime-color-scheme，在 "rules" 数组里搜索："scope": "selection" 或 "name": "Selection"，把 "background" 改成带 alpha 的 hsla()，例如 "hsla(210, 30%, 70%, 0.25)"
同理搜索 "name": "Highlight"（对应同词高亮），别用 "#33333380" 这种灰得看不见的值，换成 "hsla(60, 40%, 90%, 0.35)" 或 "#A0D6B4"
确认右侧 Preferences → Settings 里没有 "highlight_word": false 这行配置

为什么只调 selection 还是眼酸？必须连带调 syntax scopes

只改 selection 是“半护眼”：字符串、注释、关键词这些语法 scope 如果还是高饱和荧光色（比如 #AE81FF、#FF2727），盯十分钟照样视疲劳。

Springboot Vue Builder

从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。

下载

在同一份 .sublime-color-scheme 文件中，依次搜索："comment"、"string"、"keyword"、"invalid"
把它们的 "foreground" 全部往低饱和、中亮度方向调，例如："#AE81FF" → "#9CA3AF"，"#FF2727" → "#C57E7E"
检查 "globals" 块里的 "background" 和 "foreground" 是否协调（比如豆沙绿背景 #C7EDCC 搭配 hsl(163, 59%, 93%) 文字）
保存后立刻生效；JSON 少个逗号或引号不闭合，Sublime 会静默忽略整个 scheme 文件

Vue 文件本身高亮失效？先确认插件和绑定没漏

暗黑模式配色再温柔，如果 .vue 文件打开就是白底黑字或 script 区块全灰，那说明 Vue 语法层根本没加载成功，调色毫无意义。

必须安装且**只启用** Vue Syntax Highlight（注意大小写、空格、末尾 s 和大写 H）；装错 VueJS 或 vue-component 会导致控制台报 ImportError: No module named 'sublime_plugin'
插件装完后，打开任意 .vue 文件，点击右下角语法名（如 Plain Text），选 Open all with current extension as… → Vue Component（不是 Vue 或 HTML (Vue)）
进 Preferences → Package Settings → Vue Syntax Highlight → Settings，User 配置里确保有："vue_version": "3"、"enable_ts_in_script": true、"enable_vue_blocks": true
<script setup lang="ts"></script> 仍灰色？临时把文件后缀改成 .ts 看是否恢复高亮——能恢复说明是 Vue 层解析失败，不是 TS 插件问题