visual-studio-code - VS Code 颜色主题调试

Question

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"
      }
    }
  ]
}

Answer 1

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

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 会在任何地方缓存更改，完整的窗口重新加载应该总是从头开始。