VSCode 显示两个颜色装饰器而不是一个

Question

我尝试在 VSCode subreddit 上询问这个问题，但没有得到回复，所以我希望这里有人能够提供帮助。

我的 VScode 显示两个颜色装饰器，而不是正常情况下的一个。

当前问题的屏幕截图：

我尝试禁用并重新启用常规颜色装饰器设置和 Tailwind 的颜色装饰器设置，但没有任何效果。我什至在 JSON 设置文件中手动启用了该设置，但问题仍然存在。

我想知道这是否可能是另一个扩展，或者是否有其他人发现有用的东西我可以尝试。

以下是我根据 VSCode 本身的输出安装的扩展：

 1 adpyke.codesnap
  2 alefragnani.Bookmarks
  3 apollographql.vscode-apollo
  4 bradlc.vscode-tailwindcss
  5 dsznajder.es7-react-js-snippets
  6 eamodio.gitlens
  7 esbenp.prettier-vscode
  8 formulahendry.auto-close-tag
  9 formulahendry.auto-rename-tag
 10 glenn2223.live-sass
 11 heybourn.headwind
 12 marlosirapuan.nord-deep
 13 miguelsolorio.fluent-icons
 14 mikestead.dotenv
 15 mkaufman.HTMLHint
 16 ms-azuretools.vscode-docker
 17 ms-python.python
 18 ms-python.vscode-pylance
 19 ms-toolsai.jupyter
 20 ms-toolsai.jupyter-keymap
 21 ms-toolsai.jupyter-renderers
 22 ms-vsliveshare.vsliveshare
 23 ms-vsliveshare.vsliveshare-audio
 24 ms-vsliveshare.vsliveshare-pack
 25 octref.vetur
 26 PKief.material-icon-theme
 27 PKief.material-product-icons
 28 pomber.git-file-history
 29 ritwickdey.LiveServer
 30 Shan.code-settings-sync
 31 streetsidesoftware.code-spell-checker
 32 techer.open-in-browser
 33 Tobermory.es6-string-html
 34 usernamehw.errorlens
 35 vscodevim.vim
 36 Vue.volar

提前致谢！

Answer 1

十六进制代码旁边的内嵌彩色框称为

color picker

。

我认为双选择器出现是因为您同时运行了

Vetur

和

Volar

扩展。

问题就解决了。我同时运行了 Volar 和 Vetur 扩展。 删除 Vetur（适用于 vue2）删除了额外的颜色选择器。如果 可能的话，Vetur 的扩展作者可能会被要求提出一个 已弃用或在其扩展中“使用此 Volar 代替”信息 细节。抱歉给您带来麻烦。 ❤️ VSCode

https://github.com/microsoft/vscode/issues/156544

尝试禁用 Volar - 这对我来说是成功的。

如果这不起作用，请尝试在 VS Code 设置中搜索

color picker

，看看是否有任何选项可能会导致此行为。

干杯