Visual Studio代码颜色选择器

时间:2016-02-01 22:14:29

标签: color-picker visual-studio-code

我喜欢视觉工作室代码,但在我看来,有一件事是缺失的 颜色选择器。
有没有人知道是否有视觉工作室代码的颜色选择器,就像在visual studio中一样?

6 个答案:

答案 0 :(得分:19)

在1.15.1版本中,他们添加了一个颜色选择器。

https://code.visualstudio.com/updates/v1_15#_color-picker

答案 1 :(得分:9)

扩展程序Color Picker确实有效但您需要从this website安装Node.Js,同时请注意,当您第一次尝试使用该插件时,它会执行初始配置,需要几分钟时间。

答案 2 :(得分:1)

VSCode没有颜色选择器,抱歉。

它有CSS的颜色预览(请参阅:https://code.visualstudio.com/Docs/languages/css)和非常强大的扩展系统。

将来可能会添加这样的功能,或者有人可能会创建扩展程序,但现在您必须在其他位置选择颜色。

答案 3 :(得分:0)

是的,这在VScode中确实缺失(除其他外......)。 那里this extension但不幸的是它似乎没有用 - 我也试过了......

答案 4 :(得分:0)

我知道这是一个有点老话题,但它可能对某人有所帮助。要使颜色选择工作,你需要Mia提到Install Node.js并将其添加到$ PATH。它会在安装过程中询问您是否将Node.js和NPM(节点包管理器)添加到PATH。

如果选择器仍然不起作用,则有3种设置(引自官方说明):

  
      
  1. 如果未正确显示对话框,请将colorHelper.disableGpu设置为1。
  2.   
  3. 如果尚未解决,请将colorHelper.disableShadow设置为true。
  4.   
  5. 如果尚未解决,请将colorHelper.disableTransparent设置为true。
  6.   

对我来说 colorHelper.disableTransparent设置为true 修复了问题。 colorHelper.disableGpu colorHelper.disableShadow 左默认。

要进入该设置,请按 Ctrl +,

答案 5 :(得分:0)

我已经为此挣扎了一段时间,幸运的是我能够找到解决方法... 试试这个。

  1. 打开 Visual Studio Code 并安装“VS Color Picker”扩展。 “安装” 按钮将更改为“禁用”...如果显示,则您确定 已安装扩展程序。
  2. 按“CTRL + SHIFT + P”,VS Code顶部会显示一个下拉框, 那里的项目按字母顺序排列,因此您可能需要向下滚动到 找到已安装的扩展“VS Color Picker”,或者您可以使用提供的搜索框 获取已安装的扩展程序。
  3. 将鼠标悬停在“VS Color Picker”扩展程序上,右侧会出现一个设置符号 显示,单击它,将打开一个“键盘快捷键”窗口,在这个新的 窗口你会找到“VS Color Picker”扩展,双击它,你会 看到一个弹出框,要求您输入所需的快捷方式来调用 扩展名......把你觉得舒服的,对我来说,我用了“Alt + Shift + P”,然后 按 Enter 键并关闭窗口....然后尝试一下,让我知道它是否有效...谢谢。