3

VS Code 编辑器未显示正确的主题。有时它工作，有时不工作，我不知道如何重现它。我卸载了 VS Code 并再次安装它，但我仍然无法调试自己的主题。

我创建了一个新的颜色主题

$ yo code

我选择new color theme并选择了blank dark one.

现在，当我启动调试器时，它会加载一个带有我的主题的新编辑器。我可以在preferences和的菜单中选择它color theme。

然后有时它不会应用选定的更改。

但是当我从那时删除所有内容时，tokenColors: [...]它让我再次选择颜色主题，但是当我在 tokenColors 中键入一些新主题并重新加载它时，它不会应用新样式。

我的猜测是 VS Code 将样式缓存在某处并且不会覆盖它。

问题是如果无法调试，我该如何开发新的颜色主题？

如何重新加载主题？

{
  "name": "T",
  "type": "dark",
  "colors": {
    "editorGroup.background": "#2b303b",
    "editorGroup.border": "#c0c5ce",
    "editor.background": "#2b303b",
    "editor.foreground": "#c0c5ce",
    "activityBarBadge.background": "#2b303b",
    "sideBar.background": "#1c1f26",
    "sideBar.foreground": "#c0c5ce",
    "list.hoverBackground": "#2b303b",
    "list.hoverForeground": "#c0c5ce",
    "list.activeSelectionForeground": "#c0c5ce",
    "list.inactiveSelectionForeground": "#c0c5ce",
    "list.activeSelectionBackground": "#2b303b",
    "list.inactiveSelectionBackground": "#2b303b",
    "sideBarTitle.foreground": "#c0c5ce",
    "sideBarSectionHeader.background": "#2b303b",
    "statusBar.background": "#1c1f26",
    "statusBar.foreground": "#c0c5ce",
    "tab.activeBackground": "#2b303b",
    "tab.inactiveBackground": "#1c1f26",
    "terminal.background": "#2b303b",
    "activityBar.border": "#1c1f26",
    "activityBar.background": "#2b303b",
    "sideBar.border": "#1c1f26",
    "tab.activeForeground": "#c0c5ce"
  },
  "tokenColors": [
    {
      // const, let, if, else, async, await, try, catch
      "name": "j",
      "scope": [
        "storage.type.js.jsx",
        "storage.modifier.async.js.jsx",
        "keyword.control.flow.js.jsx",
        "keyword.control.conditional.js.jsx",
        "keyword.control.trycatch.js.jsx"
      ],
      "settings": {
        "foreground": "#b48ead",
        "fontStyle": "italic"
      }
    }
  ]
}
4

1 回答 1

2

您实际上可以使用 VS Code 调试器。

  1. 在 vs code 中打开项目文件夹。
  2. .vscode/如果文件夹不存在则创建
  3. 在该文件夹内创建一个launch.json文件，并在文件内创建一个文件
{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "extensionHost",
            "request": "launch",
            "name": "Launch Extension",
            "runtimeExecutable": "${execPath}",
            "args": [
                "--extensionDevelopmentPath=${workspaceFolder}"
            ],
            "outFiles": [
                "${workspaceFolder}/out/**/*.js"
            ],
        },
    ]
}
  1. 启动调试器 (CMD/CTRL + D)
  2. 确保在打开的新窗口中选择您的主题
  3. 每次更改主题后重新加载调试器

单独发行

虽然以上是一般如何调试，但这个问题特别可能是添加的新范围tokenColors只是被覆盖（被更高优先级的范围）并且不显示。在不了解情况的情况下很难说。我不认为 VS Code 会在任何地方缓存更改，完整的窗口重新加载应该总是从头开始。

于 2019-05-17T03:30:24.220 回答