在 VSCODE 中禁用默认打字稿库的智能感知

Question

在 visual studio 代码中，使用打字稿时，我在使用 intellisense/autocomplete 功能时收到不需要的建议。

示例：

HTMLAllCollection
DOMError

etc...

原因好像是intellisense自动包含了

中的所有文件

{vscode dir}/resources/app/extensions/node_modules/typescript/lib

有什么方法可以禁用这些智能感知吗？

最后我希望智能感知只包含与我的项目明确相关的内容。

Answer 1

在 macOS

上打开设置 editor File > Preferences > Settings (Code > Preferences > Settings

片段 : 要禁用基本的 TypeScript 片段，您可以在 settings 文件中将 editor.snippetSuggestions 设置为 "none"。如果您想查看片段，您可以指定相对于建议的顺序；在顶部 ("top")、底部 ("bottom") 或按字母顺序排列的内联 ("inline")。默认为 "inline"

JSDoc 支持： 要在 TypeScript 中禁用 JSDoc 注释建议，请设置 "typescript.suggest.completeJSDocs": false

汽车进口： 您可以通过设置 "typescript.autoImportSuggestions.enabled": false 来禁用自动导入

格式： 将 "typescript.format.enable" 设置为 false 以禁用它。

JSX 和自动关闭标签： 将 "typescript.autoClosingTags" 设置为 false 以禁用 JSX 标记关闭。

未使用的变量和无法访问的代码： 要禁用淡出未使用的代码，请将 "editor.showUnused" 设置为 false。您还可以通过设置

仅在 TypeScriptScript 中禁用未使用代码的淡入淡出

"[typescript]": {
    "editor.showUnused":  false
},
"[typescriptreact]": {
    "editor.showUnused":  false
},

代码建议： 将“typescript.suggestionActions.enabled”设置为 false 以禁用建议。

您可以在 https://code.visualstudio.com/docs/languages/typescript

上阅读更多内容

Answer 2

为了控制在您的项目中加载哪些库并提供 intellisense/autocomplete 您需要配置 lib 属性 [数组类型] compilerOptions 在你的 tsconfig.json 文件中。

如果lib 属性 未配置，TypeScript 将自动加载以下库：

对于目标 ES5: DOM, ES5, ScriptHost.
对于目标 ES6: DOM, ES6, DOM.Iterable, ScriptHost.

tsconfig.json 文件中的示例配置如下所示：

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "es2017"
    ]
  }
}

这将只加载 ECMAScript 2017 智能感知的库。

您可以在此处阅读有关编译器选项的更多信息，包括 lib：https://www.typescriptlang.org/docs/handbook/compiler-options.html

在 VSCODE 中禁用默认打字稿库的智能感知

Disable intellisense for default typescript libraries in VSCODE

intellisense

typescript

tsconfig

visual-studio-code

vscode-settings