В этой статье будет представлено пошаговое руководство по установке пакетов NPM, специально настроенных для проектов TypeScript.
Как установить пакеты NPM для TypeScript?
Выполните указанные шаги, чтобы установить пакеты NPM для TypeScript:
Шаг 1. Активизируйте проект TypeScript
Перед установкой любого пакета NPM убедитесь, что у вас настроен проект TypeScript. Для этого вы можете использовать существующий проект TypeScript или инициализировать новый, выполнив следующую команду:
инициализация нпм -и
Выполнив эту команду, файл « пакет.json ” будет создан в проекте, который управляет зависимостями.
Шаг 2: выберите пакет NPM
Определите пакет NPM, который вы хотите установить для своего проекта TypeScript. Для этого просмотрите НПМ Веб-сайт или найдите пакеты с помощью следующей команды npm:
нпм поиск < имя пакета >
Шаг 3: Установите пакет NPM
Чтобы установить пакет NPM, откройте терминал или командную строку и выполните следующую команду:
Заменять ' <имя-пакета> ” с фактическим названием пакета, который вы хотите установить. Указанная команда загрузит пакет и его зависимости в « node_modules », которая доступна в каталоге вашего проекта.
Шаг 4: Установите объявления TypeScript
Если устанавливаемый пакет не имеет встроенной поддержки TypeScript, пользователи должны установить объявления TypeScript отдельно. Эти объявления предоставляют информацию о типе для пакета и включают статическую проверку типов TypeScript и интеллектуальные функции IDE. Для этого используйте следующую команду «npm»:
Заменять ' <имя-пакета> ” с именем устанавливаемого пакета.
Шаг 5: Импортируйте и используйте пакет
После установки пакета и его объявлений вы готовы импортировать и использовать его в коде TypeScript. Импортируйте нужные функции из пакета в файл TypeScript с помощью оператора «import», как показано ниже:
Замените «функциональность» конкретной функциональностью, которую необходимо импортировать, и « <имя-пакета> ” с названием пакета.
Шаг 6: Создайте и запустите проект TypeScript
После того как вы установили пакет NPM, интегрировали объявления TypeScript и импортировали пакет в свой код, вы готовы к сборке и запуску своего проекта TypeScript. Используйте следующую команду «tsc», чтобы преобразовать файл TypeScript в файл JavaScript:
После этого пользователи могут выполнить команду «node», чтобы запустить транспилированный файл JavaScript:
узел < имя_файла.js >Применим вышеизложенные инструкции на практике.
Пример: установка пакетов NPM для TypeScript
В этом примере TypeScript устанавливается как пакет npm, чтобы наш код можно было скомпилировать с помощью компилятора TypeScript. Для этого сначала инициализируйте проект с помощью следующей команды:
Теперь выполните данную команду для установки TypeScript:
npm я машинописиПри успешном выполнении команды «npm» TypeScript будет установлен в проекте, а « node_modules 'каталог', ' пакет.json » и « пакет-lock.json » будет создан файл:
Установленные зависимости показаны в « пакет.json », доступный в разделе зависимостей:
Теперь создайте новое имя файла « пример.ts ” в каталоге проекта и выполните следующий код:
позволять пример: строка = «Здравствуйте, добро пожаловать на Linuxhint.com!» ;console.log ( пример ) ;
В этом примере:
- Переменная создается и инициализируется строковым значением.
- Значение переменной выводится на экран/консоль с помощью метода console.log().
Чтобы транспилировать этот код, используйте команду «tsc» вместе с именем файла:
пример tsc.tsЗапустите приведенную ниже команду «node», чтобы выполнить транспилированный файл:
пример узла.js Выход
Вот и все, что касается установки пакетов NPM для TypeScript.
Заключение
Чтобы установить пакеты NPM для TypeScript, используйте « установка нпм », за которым следует имя устанавливаемого пакета. Пакеты NPM позволяют разработчикам использовать множество сторонних библиотек и инструментов. Следуя этому пошаговому руководству, вы сможете легко устанавливать пакеты NPM, интегрировать объявления TypeScript и расширять свой проект TypeScript дополнительными функциями.