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

Question

TypeScript 已全局安装

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

tsc --version

// Output: Version 3.8.3

• 我没有在状态栏中看到 TypeScript“版本”。

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

没有获得 Typescript 的任何 Intellisense。

我怎样才能让它发挥作用？

Answer 1

TypeScript TSDK

\n

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

\n

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

\n
\n
\n

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

\n

\n

• npm rm typescript

  \n
\n

• npm i -D typescript@latest

  \n
\n

\n

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

\n\n

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

\n

\n// @file ".vscode/settings.json"\n\n{\n    "typescript.tsdk": "./node_modules/typescript/lib"\n}\n\n

\n

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

\n

添加配置 \xc2\xa0 “RESTART VS CODE” \xc2\xa0 后，按F1并键入以下内容：“Developer: Reload Window”

\n

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

\n

注意：退出 vscode，然后手动重新打开它也同样有效，但速度要慢得多。

\n\n
\n
\n

替代 TSDK 配置

\n

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

\n

\n// @file ".vscode/settings.json"\n\n{\n    "typescript.tsdk": "/usr/local/lib/node_modules/typescript/lib"\n}\n\n

\n