VSCode尾随空格高亮需设"editor.renderWhitespace":"boundary"或"all"，推荐"boundary"以仅标出行尾/行首空白；通过Ctrl+,搜索renderWhitespace选择即可，修改后立即生效，注意检查语言特定设置或.editorconfig是否覆盖。
如何开启 VSCode 尾随空格高亮
VSCode 默认不标记尾随空格，必须手动启用。核心配置项是 "editor.renderWhitespace"，设为 "boundary" 或 "all" 即可触发可视化。
推荐设为 "boundary"：只标出行尾和行首的空格/制表符，避免干扰代码内部缩进（比如函数参数对齐用的空格），兼顾清晰与简洁。
- 打开设置（
Ctrl+,或Cmd+,），搜索renderWhitespace - 下拉选择
boundary；或直接编辑settings.json，添加："editor.renderWhitespace": "boundary"
- 修改后立即生效，无需重启
为什么改了设置却看不到高亮
常见原因是当前文件被 VSCode 判定为“忽略空白”的语言模式，比如某些 Markdown 插件或自定义语言配置会覆盖全局设置。
检查方法：看窗口右下角语言标识（如 Plain Text、Python），点击它 → 选 Configure Language Specific Settings... → 查看该语言下是否显式设置了 "editor.renderWhitespace": "none"。
- 若存在冲突配置，删掉对应语言块里的
renderWhitespace行，继承全局设置 - 部分插件（如
EditorConfig）会读取项目根目录的.editorconfig文件，其中trim_trailing_whitespace = true不影响显示，只影响保存时自动删除——高亮仍取决于 VSCode 自身设置 - 确保没启用
"editor.hideCursorInOverviewRuler": true类似干扰项（极少见，但可能间接抑制渲染）
tailwind.config.js 里写错路径导致 tailwindcss 不生效\_Tailwind CSS 配置文件路径错误排查
Tailwind CLI 和 VSCode 插件都依赖正确加载 tailwind.config.js，路径错一个字符就会静默失败——没有报错，但 class 不补全、也不生成样式。
默认只认项目根目录下的 tailwind.config.js（或 .cjs、.mjs）。如果放错位置（比如在 src/ 下），CLI 运行时会 fallback 到默认配置，VSCode 插件则完全无法读取。
- 运行
npx tailwindcss -c ./path/to/tailwind.config.js --help测试路径是否可读（注意-c参数指定绝对或相对路径） - VSCode 中打开命令面板（
Ctrl+Shift+P），执行Tailwind CSS: Show Server Log，查看实际加载的配置路径 - 若用 pnpm / yarn 2+ 等包管理器，确认
tailwindcss是本地安装（devDependencies），而非仅全局安装——VSCode 插件通常不读全局命令
高亮颜色太淡看不清怎么办
VSCode 用灰色小点表示空格，默认颜色在浅色主题下确实容易忽略。不能直接改“空格颜色”，但可通过主题级 workbench.colorCustomizations 覆盖。
关键是定位正确的 token：尾随空格属于 "editorWhitespace.foreground"，它控制所有空白字符（包括缩进中的点）的颜色。想只强化行尾，目前无原生区分，只能整体调亮。
- 在
settings.json中添加："workbench.colorCustomizations": { "editorWhitespace.foreground": "#ff0000" } - 颜色值建议用高对比度色（如
#e00），避免纯黑/白（会和背景融掉） - 此设置会影响所有空白字符显示，包括缩进点——如果团队协作中他人反感，建议仅个人配置，勿提交到项目
.vscode/settings.json
