刚好之前碰到过一模一样的需求，VS Code里就能轻松实现项目级别的语言模式区分，不用每次手动切换，给你两种实用方案：

一、工作区设置（推荐，项目级生效） #

这个方法会把配置存在当前项目里，只对该项目生效，甚至团队协作时还能共享配置：

• 打开目标项目，点击左下角的齿轮图标，选择「Settings」
• 在设置页面顶部切换到「Workspace」标签（别选User，那是全局配置）
• 在搜索框输入 files.associations，找到对应的设置项
• 点击「Edit in settings.json」，根据项目类型添加配置：
  • 标准JavaScript项目：

    {
      "files.associations": {
        "*.js": "javascript"
      }
    }
    

  • React项目：

    {
      "files.associations": {
        "*.js": "javascriptreact"
      }
    }
    

  保存后，当前项目的所有.js文件就会自动切换到对应的语言模式了。

二、临时切换单个文件（单次生效） #

如果只是偶尔需要调整某个文件的语言模式，不用改配置：

• 看编辑器右下角，会显示当前文件的语言标识（比如「JavaScript」）
• 点击这个标识，在弹出的菜单里选择你需要的模式（比如「JavaScript React」）就行，这个设置只对当前文件生效，重启VS Code后会恢复默认。

内容的提问来源于stack exchange，提问作者otto