如何彻底禁用VSCode中的取色器功能？

本文共计3109个文字，预计阅读时间需要13分钟。

VSCode中关闭取色器及禁用颜色选择工具的方法如下：

有时候，我真的觉得VSCode的颜色选择器，也就是那些在代码里颜色值旁边跳出来的小方块，虽然初衷是好的，想帮我们快速预览和调整颜色，但实际用起来，尤其是在处理大型样式文件或者对颜色值烂熟于心的时候，它反而成了一种干扰。它会占用屏幕空间，有时甚至会导致编辑器在滚动时出现轻微的卡顿，尤其是在配置不那么强劲的机器上。所以，禁用它对我来说，更多的是为了追求一种更纯粹、更高效的编码体验。

要禁用这个功能，其实非常简单。最直观的方式就是通过VSCode的设置界面。你可以按下

Ctrl + ,（Windows/Linux）或

Cmd + ,（macOS）打开设置面板，然后在搜索框中输入“

colorDecorators”。你会看到一个名为“

Editor: Color Decorators”的选项，它的描述通常是“启用或禁用颜色装饰器”。默认情况下，这个选项是勾选的。你只需要取消勾选它，设置就会立即生效，那些恼人的颜色小方块就会立刻消失。

另一种方式，也是我个人更偏爱的方式，是直接编辑

settings.json文件。这给了我更细致的控制感。你可以通过命令面板（

Ctrl + Shift + P或

Cmd + Shift + P）搜索“

Open User Settings (JSON)”来打开它。然后，在文件中添加或修改以下配置：

{ "editor.colorDecorators": false }

保存文件后，你会发现编辑器中的颜色装饰器已经不见了。这种方法的好处是，你可以轻松地在不同的工作区或配置文件之间同步这些设置，也方便在版本控制中管理你的VSCode配置。对我来说，直接修改JSON文件就像是直接跟VSCode“对话”，感觉更直接、更有效。