Главная Категории Контакты Поиск

Определения типов с @types

Используй определения типов для популярных проектов на npm с @types.

TypeScript·24.10.2019·читать 1 мин 🤓·Автор: Alexey Myzgin

Не все пакеты на npm поставляются с собственными определениями типов. Например, ни lodash, ни jquery не включают их. К счастью, VS Code может автоматически находить и устанавливать определения типов для тебя, или ты можешь просто установить их с помощью npm i -D @types/lodash из организации @types на npm.

Например, в index.ts файле делаем import _ from "lodash";. Если используем parcel для сборки проекта, то при импорте пакета, если он не установлен, parcel его установит автоматически. Затем используем _.unique, чтобы взять массив и отфильтровать любые дубликаты.

console.log(_.uniq([1, 1, 2])); // Array [ 1, 2 ]

Но мы не получаем никакой информации о типах от uniq. Так происходит потому, что Lodash не устанавливается вместе с типами. Что мы можем сделать, так это посмотреть подсказку VS Code. Так как у нас нет типов, он предлагает установить @types/lodash.

npm i -D @types/lodash

Теперь, при выборе любого метода, у нас есть подсказка в том какие типи он принимает.

Если пакет не поставляется с типами (например jQuery), мы можем установить типы так:

npm install @types/jquery

Обычно, для установки типов идёт @types, а потом имя пакета.

Website, name & logo
Copyright © 2022. Alex Myzgin