TypeScript — это мощный язык программирования, который улучшает JavaScript, добавляя статическую типизацию. Он обеспечивает улучшенное качество кода, улучшенную поддержку инструментов и повышенную производительность для разработчиков. Если вы хотите начать свое путешествие по TypeScript, это пошаговое руководство поможет вам начать работу самостоятельно. Давайте погрузимся!
Шаг 1: Установите Node.js Начните с установки Node.js, который включает npm (диспетчер пакетов Node). Вы можете скачать и установить последнюю версию Node.js с официального сайта (https://nodejs.org). Следуйте инструкциям по установке для вашей операционной системы.
Шаг 2. Создайте базовый пакет После успешной установки Node.js откройте терминал или командную строку и выполните следующую команду:
npm init -y
Эта команда инициализирует базовый пакет для вашего проекта TypeScript с настройками по умолчанию.
Шаг 3: Установите TypeScript Затем установите TypeScript в свой проект. В терминале или командной строке выполните следующую команду:
npm i typescript
Эта команда устанавливает пакет TypeScript и его зависимости в ваш проект.
Шаг 4. Настройка TypeScript Чтобы настроить TypeScript, создайте корневой каталог и выходной каталог с помощью следующей команды:
npx tsc - init - rootdir src - outdir lib
Эта команда создает файл tsconfig.json, содержащий конфигурацию компилятора TypeScript. Он устанавливает корневой каталог как src, а выходной каталог как lib.
Шаг 5. Создайте свой первый файл TypeScript Откройте ваш любимый редактор кода (например, Visual Studio Code) и перейдите в папку src. Создайте новый файл с именем index.ts и добавьте следующий код:
const message: string = 'Hello TypeScript'; console.log(message);
В этом примере мы объявляем переменную message типа string и выводим ее на консоль.
Шаг 6. Включите автоматическую компиляцию Чтобы включить автоматическую компиляцию файлов TypeScript при каждом изменении, выполните следующую команду в терминале или командной строке:
npx tsc - watch
Эта команда запускает компилятор TypeScript в режиме наблюдения, постоянно отслеживая изменения файлов и перекомпилируя код TypeScript.
Шаг 7: Запустите код TypeScript Теперь вы можете видеть, что компилятор TypeScript сгенерировал файл JavaScript с именем index.js в папке lib. Чтобы выполнить этот файл, используйте следующую команду:
node lib/index.js
Поздравляем! Вы успешно выполнили свой первый код TypeScript. Удачного кодирования!!
