Как настроить среду TypeScript?

Что такое TypeScript?

TypeScript – это суперсет JavaScript. Он предоставляет все функции JavaScript, а также свой собственный набор функций. TypeScript предоставляет дополнительную статическую набор, классы и интерфейсы. Одним из основных преимуществ использования TypeScript является то, что вы можете обнаружить и устранить общие ошибки при коде. Вы можете узнать больше о TypeScript по их официальному Документы Анкет

В этой статье я собираюсь объяснить, как вы сможете настроить свою машину Windows для разработки TypeScript. Шаги должны быть довольно похожими на Linux & Mac.

Предварительные условия

Для запуска TypeScript у вас должно быть установлено две вещи в вашей системе.

• Узел
• Менеджер пакетов – NPM или пряжа

В этом уроке я собираюсь использовать NPM. Не стесняйтесь использовать пряжу, если хотите.

Установка узла и NPM

Вы можете установить узел в своей системе, используя два разных метода:

• Nvm
• Узел исполняемый файл – вы можете Скачать исполняемый файл с веб -сайта Node и запустите его для установки узла в вашей системе.

Я собираюсь установить узел с помощью NVM. NVM означает Узел менеджер версий Анкет Это коммунальная программа, которая может установить любую версию узла по мере необходимости. Вы можете установить узел с помощью NVM, выполнив заданные шаги:

• Откройте это Ссылка в вашем браузере и скачать nvm-setup.zip Для самого последнего выпуска.
• Извлеките папку и запустите nvm-setup.exe файл.
• Следуйте этапам установки для установки NVM.
• После завершения установки откройте командную строку или PowerShell и запустите nvm ls командование Вы увидите Никакие установки не распознаны В вашей подсказке, если у вас нет узла, установленного на вашей машине В противном случае вы увидите установленные версии узла.
• Запустить Доступен список NVM Чтобы увидеть список доступных версий узла.
• Я рекомендую установить недавнюю версию LTS. Я собираюсь установить версию 14.7.6 . Вы можете установить любую версию, которую хотите. Просто замените 14.7.6 на выбранную версию. Чтобы установить узел, запустите NVM Установка 14.17.6 Анкет
• После успешного выполнения команды запустите NVM Использование 14.17.6 Чтобы начать использовать узел в вашей системе.
• Теперь вы успешно установили узлы и NPM в своей системе.

Установка TypeScript

Чтобы установить TypeScript по всему миру, запустите следующую команду – NPM Install -Global TypeScript

Эта команда установит TypeScript по всему миру после успешного завершения.

Теперь вы можете начать использовать TypeScript в своих проектах.

Как запустить программу TypeScript?

• Создайте каталог в любом месте вашей системы.
• Я напишу образец программы TS. Программы TypeScript имеют расширение .ts .

Sample.ts

const addNumbers = (num1: number, num2: number) : number => {
 return num1 + num2;
}

addNumbers(5,7);

• Чтобы запустить этот код, мы будем использовать компилятор TypeScript.
• В командной строке/PowerShell Run tsc sample.ts Анкет
• Вы увидите Sample.js После успешного сборника.
• Вы успешно создали и выполнили свою первую программу TypeScript.

Примечание

Вы можете настроить компилятор TypeScript или TSC Используя различные варианты. Эти параметры могут быть переданы в виде флагов, или вы можете создать файл конфигурации с именем tsconfig.json . Вы можете написать конфигурацию компилятора в этом файле. Компилятор TypeScript затем автоматически следит за указанными параметрами внутри файла конфигурации.

• Вы можете использовать TSC -W или TSC -наблюдать с последующим названием программы (необязательно). Эта команда будет постоянно следить за любыми изменениями в файле TypeScript. Он будет компилировать файл, когда встречается какое -либо изменение.
• Бег npx tsc - init будет генерировать файл tsconfig.json для вас.

Вы можете прочитать больше о TSConfig Здесь Анкет

Спасибо, что прочитали статью. Счастливого кодирования!

Оригинал: “https://dev.to/vivekalhat/how-to-configure-typescript-environment-42a”