Vscode编辑器CSS文件无法看到颜色值的预览色？

如图，编辑CSS颜色时，无法看到色值的颜色，

 处理方法：

1.Ctrl + Shift + P，打开命令框

 

2.输入 Developer: Reload Window 即可

 

如果执行后，仍然看不到，或者看到了色值片刻后，又看不见，则需要以下处理：

1.在项目根目录的.vscode文件夹内，找到setting.json（无则创建）；

2.在内部配置如下信息：

{
  "editor.colorDecorators": true,
  "[css]": {
    "editor.colorDecorators": true
  },
  "[scss]": {
    "editor.colorDecorators": true
  },
  "[sass]": {
    "editor.colorDecorators": true
  },
  "[less]": {
    "editor.colorDecorators": true
  },
  "[postcss]": {
    "editor.colorDecorators": true
  },
  "files.associations": {
    "*.css": "css",
    "*.scss": "scss",
    "*.sass": "sass",
    "*.less": "less",
    "*.pcss": "postcss",
    "*.postcss": "postcss"
  },
  "css.validate": true
}

3.再次执行Developer: Reload Window 即可

 

4.执行后效果：