eg:

// .vscode/settings.json in workspace

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

我发现的最简单的全局关联方法是简单地按Ctrl+k m(或Ctrl+Shift+P并键入“更改语言模式”)，打开你所关联的类型的文件。

在第一个选择将是选项“配置文件关联的'x'”(任何文件类型-见附图)。选择此选项可让您选择语言，然后将使文件类型关联永久保存。

自最初的问题和接受的答案(我不知道它什么时候改变了)以来，这可能已经改变了(可能已经改变了)，但它比在接受的答案和其他一些答案中手动编辑步骤要容易得多，并且完全避免了必须混乱可能不明显的id。

这对我很有用。

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

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

最简单的方法:

进入“File > Preferences > Settings” 搜索“文件关联” 点击“添加项目” 添加扩展名(*.ext)和首选语言。

这是所有。

例如，这将使以.variables和.overrides结尾的文件像其他LESS文件一样被处理。在代码着色方面，在(自动)格式化方面。在用户设置或项目设置中定义。

(语义UI使用这些奇怪的扩展，如果你想知道的话)