Monorepo中子项目如何指定VS Code专属推荐扩展？

当然可行，VS Code本身支持为Monorepo的不同子项目配置专属扩展推荐，之前直接在frontend/.vscode下放文件没生效，是因为VS Code默认只会读取当前打开的工作区根目录下的配置文件。下面是两种靠谱的实现方式：

方法一：用工作区文件统一管理（推荐） #

在Monorepo根目录创建一个monorepo.code-workspace文件，通过它定义多根工作区，并为每个子项目指定专属扩展：

{
  "folders": [
    {
      "name": "Backend",
      "path": "./backend"
    },
    {
      "name": "Frontend",
      "path": "./frontend"
    }
  ],
  "extensions": {
    // 全局通用的扩展推荐
    "recommendations": [
      "github.vscode-pull-request-github"
    ],
    // 按子目录分配专属扩展
    "folderRecommendations": {
      "./frontend": [
        "dbaeumer.vscode-eslint",
        "esbenp.prettier-vscode",
        "bradlc.vscode-tailwindcss"
      ],
      "./backend": [
        "ms-python.python",
        "ms-vscode.vscode-typescript-next"
      ]
    }
  }
}

之后让团队成员通过打开这个工作区文件加载整个Monorepo，当切换到前端子项目的文件时，VS Code会自动弹出对应扩展的安装推荐。

方法二：单独打开子项目作为工作区 #

如果团队成员经常只专注前端开发，可以让他们直接打开frontend文件夹作为VS Code工作区，此时VS Code会自动读取frontend/.vscode/extensions.json里的推荐配置。这个文件的格式和根目录的一致：

{
  "recommendations": [
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode"
  ]
}

小提示 #

• 扩展ID可以在VS Code扩展市场的详情页顶部找到，比如Prettier的ID就是esbenp.prettier-vscode。
• 如果团队需要同时处理前后端，方法一的工作区文件能更好地兼顾不同子项目的配置需求。

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