在 VSCode 中无法检测到 TypeScript 版本，并且 TS Intellisense 无法正常工作

Question

TypeScript 全局安装

下面是我执行tsc --version时的终端输出。

tsc --version

// Output: Version 3.8.3

• 我没有在状态栏中获得 TypeScript“版本”。

• 从命令面板中选择 TypeScript 版本只是空白。

没有为 Typescript 获得任何 Intellisense。

我怎样才能让它工作？

Answer 1

TypeScript TSDK

通常，当一个项目遇到您遇到的问题时，这是因为该项目和 vscode 没有简洁地使用相同的 typescript 包。

在我下面解释之前，我要注意的是，除非 VS Code 打开了 TypeScript 文档，否则您不会在状态栏中获得 TypeScript 版本，此外，需要识别 TypeScript 文档作为一个 TypeScript 文档，可能需要您在文档中编写一些 TypeScript。此外，仅仅因为文件是打开的，并且它被识别为 TypeScript 文件并不意味着 VS Code 只会在状态栏中为您提供 TypeScript 版本。 VSCode 将给出任何文件类型所关注的版本。因此，如果您在“tsconfig.json 文件”中配置 typescript，并且您检查 typescript 版本以查看您更改的配置解决了问题，那么您只会得到JSON 的一个版本，因为 tsconfig.json 是一个 JSON 文件。要查看 typescript 版本，您必须将焦点更改为 TypeScript 文件。

首先，作为最佳实践，使用以下命令（按照它们出现的顺序）重新安装最新版本的 TypeScript。

• npm rm typescript

• npm i -D typescript@latest

将typescript.tsdk 添加到您的settings.json 文件中

---

将下面的设置添加到您的./.vscode/settings.json 文件中。将其添加到您的项目级别 settings.json 文件被认为是最佳实践，因为项目级别 settings.json 文件会覆盖全局配置。可以肯定的是，不会发生任何奇怪的事情。

// @file ".vscode/settings.json"

{
    "typescript.tsdk": "./node_modules/typescript/lib"
}

上面的代码告诉 VS Code 和您的项目使用位于您指定为 typescript.tsdk 的目录中的 TypeScript 安装。

添加配置后，“RESTART VS CODE” 按 F1 并键入以下内容：“开发人员：重新加载窗口”

当您看到带有我让您输入的名称的选项时，选择它，然后窗口将重新加载。

注意：退出 vscode，然后手动重新打开也可以，但速度要慢得多。

---

替代 TSDK 配置

您不必配置项目以使用项目的 TypeScript 包。您可以将 VS Code 和您的项目配置为使用您在机器（或开发服务器，或您拥有的）上安装的版本。要使用系统级打字稿安装，请将以下内容添加到您的 settings.json 文件中。

// @file ".vscode/settings.json"

{
    "typescript.tsdk": "/usr/local/lib/node_modules/typescript/lib"
}