Tắt intellisense cho các thư viện TypeScript mặc định trong VSCODE

Trong Visual Studio Code, khi sử dụng TypeScript, tôi nhận được các gợi ý không mong muốn khi sử dụng tính năng intellisense/tự động hoàn thành.

Ví dụ:

HTMLAllCollection
DOMError

etc...

Lý do dường như là intellisense tự động bao gồm tất cả các tệp trong

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

Có cách nào để tắt intellisense cho những cái này không?

Cuối cùng tôi muốn intellisense chỉ bao gồm những thứ rõ ràng liên quan đến dự án của tôi.

Câu trả lời #1

Để kiểm soát các thư viện nào được nạp trong dự án của bạn và cung cấp tính năng intellisense/tự động hoàn tất, bạn cần cấu hình thuộc tính lib [kiểu mảng] của compilerOptions trong tệp tsconfig.json của bạn.

Nếu thuộc tính lib không được cấu hình, TypeScript sẽ tự động tải các thư viện sau:

• Đối với mục tiêu ES5: DOM, ES5, ScriptHost.
• Đối với mục tiêu ES6: DOM, ES6, DOM.Iterable, ScriptHost.

Cấu hình ví dụ trong tệp tsconfig.json có thể trông như sau:

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

Điều này sẽ chỉ tải các thư viện cho intellisense ECMAScript 2017.

Bạn có thể đọc thêm về các tùy chọn trình biên dịch, bao gồm lib tại đây: https://www.typescriptlang.org/docs/handbook/compiler-options.html

Câu trả lời #2

Mở Cài đặt editor File > Preferences > Settings (Code > Preferences > Settings trên macOS

đoạn mã : Để tắt các đoạn mã TypeScript cơ bản, bạn có thể đặt editor.snippetSuggestions thành "none" trong tệp cài đặt của bạn. Nếu bạn muốn xem các đoạn mã, bạn có thể chỉ định thứ tự so với các gợi ý; ở trên cùng ("top"), ở dưới cùng ("bottom"), hoặc sắp xếp theo chữ cái ("inline"). Mặc định là "inline"

Hỗ trợ JSDoc: Để tắt gợi ý bình luận JSDoc trong TypeScript, hãy đặt "typescript.suggest.completeJSDocs": false

Tự động nhập: Bạn có thể tắt tính năng tự động nhập bằng cách đặt "typescript.autoImportSuggestions.enabled": false

Định dạng: đặt "typescript.format.enable" thành false để tắt nó.

JSX và thẻ tự đóng: Đặt "typescript.autoClosingTags" thành false để tắt việc đóng thẻ JSX.

Biến không sử dụng và mã không thể truy cập: Để tắt mờ mã không sử dụng, hãy đặt "editor.showUnused" thành false. Bạn cũng có thể tắt mờ mã không sử dụng chỉ trong TypeScript bằng cách đặt,

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

Gợi ý mã: Đặt "typescript.suggestionActions.enabled" thành false để tắt các gợi ý.

Bạn có thể đọc thêm tại https://code.visualstudio.com/docs/languages/typescript