VSCode - 使用 Deno（后端）文件夹和 Vite（前端）文件夹设置 monorepo

Question

我正在尝试使用使用 Deno 的 back（或“api”）文件夹和一个 front（或“webapp”）文件夹配置 monorepo一个 React 应用程序（或者实际上，任何框架，使用 Vite 配置）。

所以该项目实际上混合了 Deno 和 Node（如果这是一个坏主意，你可以立即阻止我）。 我可能还会考虑在整个项目中使用 Deno Linter 和 Formatter。

文件结构如下所示：

my-monorepo/
├── .vscode/
│   └── settings.json
├── back/
│   └── index.ts
├── front/
│   ├── src/
│   │   └── index.tsx
│   ├── index.html
│   └── vite.config.ts
├── .gitignore
├── deno.jsonc
└── package.json

它非常有效，但我现在遇到的主要问题是 VSCode Deno 扩展。

是否可以为 front/ 文件夹使用内置的 VSCode JS 和 TS 语言服务，为 back/ 文件夹使用 Deno 语言服务器 (deno lsp)？ 否则 TS 会发疯（例如 back/ 中的导入必须包含 .ts，但在字体中它们最不包含 .ts）。

最后，如果我可以让它工作，我希望任何克隆 repo 的人都能轻松使用它。

哦，这里是 .vscode/settings.json 文件供参考：

{
  "deno.enable": true,
  "deno.config": "./deno.jsonc",

  "[typescript]": {
    "editor.defaultFormatter": "denoland.vscode-deno",
  }
}

Answer 1

您将遇到此设置的问题。请参阅这些相关的 GitHub 问题1、2。

相反，在一个工作区（您的后端）中使用 Deno 的 LSP，在另一个工作区（您的前端）中使用原版 TS LSP，在每个工作区中使用专有的 VS Code 设置文件。 （如果你使用 Deno 进行 repo 顶级脚本，那么也可以为顶级复制 VS Code 配置。）

然后，为 monorepo 中的每个工作区打开一个单独的 VS Code 窗口，以便他们可以使用自己的 LSP 而不会发生冲突。