Visual Studio Code自定义文件扩展名映射

Visual Studio和VS Code自定义文件扩展名映射

自定义文件扩展名映射可以让Visual Studio和VS Code将一种扩展名识别为另一种扩展名，以便增加对原扩展名文件的语法高亮和智能提示支持。

1. 设置VS Code

进入Visual Studio Code的设置面板，搜索 associations ，找到搜索结果中的 Files:Associations 项目，选择 在 settings.json 中编辑 。

在 settings.json 文件中，添加 files.associations 字段来定义文件扩展名映射，格式如下：

{
    // other settings ...
    "files.associations": {
        "*.源扩展名1": "目标扩展名1",
        "*.源扩展名2": "目标扩展名2"
    }
}

例如，要让Visual Studio Code将 uxml 文件识别为 xml 文件，将 uss 文件识别为 css 文件，则设置内容如下：

{
    // ...
    "files.associations": {
        "*.uxml": "xml",
        "*.uss": "css"
    }
    // ...
}

2. 设置Visual Studio

在Visual Studio的 工具 - 选项 界面中找到 文本编辑器 - 文件扩展名 项目，在其中直接添加文件扩展名和对应的编辑器的映射关系即可。如下图所示。