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

Question

在visual studio代码中，使用typescript，在使用intellisense / autocomplete功能时会收到不必要的建议。

例子：

HTMLAllCollection
DOMError

etc...

原因似乎是intellisense自动包含所有文件

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

有没有办法禁用intellisense这些？

最后，我希望intellisense只包含与我的项目明确相关的内容。

Answer 1

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

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

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

自动导入：您可以通过设置"typescript.autoImportSuggestions.enabled": 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，您需要在tsconfig.json文件中配置compilerOptions lib属性[array type] 。

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

• 对于目标ES5 ：DOM，ES5，ScriptHost。
• 对于目标ES6 ：DOM，ES6，DOM.Iterable，ScriptHost。

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

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

这将只加载ECMAScript 2017 intellisense的库。

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