如何使 VS Code 将文件扩展名视为某种语言？

Question

或者有没有办法切换当前文件的语言，以便正确突出显示语法？

例如，*.jsx 实际上是 JavaScript，但 VS Code 无法识别它。

Answer 1

更新

请注意，JoelAZ 的answer 更简单，并且会导致相同的设置更改！下面的答案仍然有效，只是更多的步骤和更多的大惊小怪。

旧答案

在Visual Studio Code 中，您可以将语言突出显示的持久文件关联添加到您的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（或查看 -> 命令面板），然后输入settings JSON。选择Preferences: Open Settings (JSON)打开您的settings.json。

要找到正确的语言 ID，请使用 Ctrl+Shift+P（或 View -> Command Palette），然后输入Change Language Mode。您可以在列表中看到语言 ID，例如键入 docker 以查找 Docker 文件的语言 ID (dockerfile)。在上例的第一个条目中，.thor 是文件结尾，ruby 是语言 ID。

Files: Associations 功能首次在 Visual Studio Code 版本 1.0（2016 年 3 月）中引入。检查发行说明中可用的wildcard patterns 和文档中的known language strings。

Answer 2

我发现的全局关联最简单的方法就是 Ctrl+k m（或 Ctrl kbd>+Shift+P 并键入“更改语言模式”）与您关联的类型的文件打开。

在第一个选择中将是选项“为 'x' 配置文件关联”（无论文件类型如何 - 参见附图）。选择此项后，您可以选择语言，然后使文件类型关联永久化。

自原始问题和接受的答案以来，这可能已经改变（可能已经改变）（我不知道它何时改变），但它比接受的手动编辑步骤和其他一些答案要容易得多，并且完全避免了与可能不明显的 ID 混淆。

Answer 3

按住 Ctrl+Shift+P（或 Mac 上的 cmd），选择“更改语言模式”即可。

但我仍然无法找到一种方法让 VS Code 将具有特定扩展名的文件识别为某种特定语言。

Answer 4

例如：

// .vscode/settings.json in workspace

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

Answer 5

这对我有用。

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

Answer 6

例如，这将使以.variables 和.overrides 结尾的文件被视为与任何其他LESS 文件一样。在代码着色方面，在（自动）格式方面。根据需要在用户设置或项目设置中定义。

（语义 UI 使用这些奇怪的扩展，以防您想知道）

Answer 7

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

转到VS_CODE_FOLDER/resources/app/extensions/ 并在那里更新package.json

Answer 8

按照https://code.visualstudio.com/docs/customization/colorizer#_common-questions 上的步骤对我来说效果很好：

要扩展现有的着色器，您可以创建一个简单的 package.json 在 .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"]
        }]
    }
}

Answer 9

您可以将 md.html 扩展名添加到您的 settings.json 文件关联中，以启用 markdeep 文件的降价格式，如下所示：

    "files.associations": {
        "*.md.html": "markdown"
    },

settings.json 文件位于不同的位置，具体取决于您的操作系统。例如它在 macOS 中是~/Library/Application Support/Code/User/settings.json。 您可以在 VS Code 中使用 Ctrl+Shift+p 打开和编辑它。

Answer 10

我采用了不同的方法来解决几乎相同的问题，在我的例子中，我做了一个新的扩展，添加了对 Drupal 特定文件（例如 .module 和 .inc）的 PHP 语法高亮支持：https://github.com/mastazi/VS-code-drupal

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

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