eg:

// .vscode/settings.json in workspace

{
  "files.associations": {
    "*Container.js": "javascriptreact",
    "**/components/*/*.js": "javascriptreact",
    "**/config/routes.js": "javascriptreact"
  }
}

更新

请注意，JoelAZ的答案要简单得多，结果是相同的设置更改!下面的答案仍然有效，只是更多的步骤和更多的麻烦。

旧的答案

在Visual Studio Code中，您可以在设置中添加用于突出显示语言的持久文件关联。像这样的Json文件:

// settings.json
// Place your settings in this file to overwrite the default settings
{
  "some_setting": custom_value,
  ...

  "files.associations": {
    "*.thor": "ruby",
    "*.jsx": "javascript",
    "Jenkinsfile*": "groovy"
  }
}

您可以使用Ctrl+Shift+P(或从菜单中的View ->命令面板)，然后键入设置JSON。选择Preferences: Open User Settings (JSON)来打开Settings . JSON。

要找到正确的语言ID，使用Ctrl+Shift+P(或菜单中的View ->命令面板)，然后键入更改语言模式。你可以在列表中看到语言ID，例如输入docker来查找docker文件的语言ID (dockerfile)。在上面示例的第一个条目中，.thor是文件结尾，ruby是语言ID。

Files: Associations特性在Visual Studio Code 1.0版(2016年3月)中首次引入。检查发行说明中可用的通配符模式和文档中已知的语言字符串。

在https://code.visualstudio.com/docs/customization/colorizer#_common-questions上的步骤对我来说很有效:

要扩展现有的着色器，可以创建一个简单的 包中。在.vscode/extensions下的一个新文件夹中，并提供 extensionDependencies属性指定您想要的自定义 加到…在下面的示例中，扩展名.mmd被添加到 减价再着色。注意，不仅需要extensionDependency 名称匹配自定义而且语言id必须匹配 正在扩展的着色器的语言id。

{
    "name": "MyMarkdown",
    "version": "0.0.1",
    "engines": {
        "vscode": "0.10.x"
    },
    "publisher": "none",
    "extensionDependencies": [
        "markdown"
    ],
    "contributes": {
        "languages": [{
            "id": "markdown",
            "aliases": ["mmd"],
            "extensions": [".mmd"]
        }]
    }
}

我采用了一种不同的方法来解决几乎相同的问题，在我的例子中，我做了一个新的扩展，它添加了PHP语法突出显示对特定于drupal的文件(如.module和.inc)的支持:https://github.com/mastazi/VS-code-drupal

正如您在代码中看到的，我创建了一个新的扩展，而不是修改现有的PHP扩展。显然，我在Drupal扩展中声明了对PHP扩展的依赖。

这样做的好处是，如果PHP扩展有更新，我对Drupal的自定义支持不会在更新过程中丢失。

我在这里找到了解决方案:https://code.visualstudio.com/docs/customization/colorizer

进入VS_CODE_FOLDER/resources/app/extensions/，在那里更新package.json

这对我很有用。

{
"files.associations": {"*.bitesize": "yaml"}
 }