在浏览器控制台中，自定义 CSS 属性通常会在其名称前面显示一个色块，以便更容易识别和调试。然而，在 VSCode 中，这些色块可能不会显示。以下是解决此问题的方法：
使用 CSS Variable Autocomplete 扩展
安装 CSS Variable Autocomplete 扩展。此扩展将向 VSCode 添加一些功能，包括为自定义 CSS 属性显示色块。
安装扩展
立即学习“前端免费学习笔记（深入）”；
配置扩展
安装扩展后，需要对编辑器的设置进行一些更改才能使色块显示。
启用色块
完成这些步骤后，自定义 CSS 属性的名称前面现在应该会出现色块。
效果图：
<img src="https://segmentfault.com/img/bVc7QwF">
以上就是VSCode 中如何让自定义 CSS 属性在浏览器控制台中显示色块？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
651
收藏
