Начало работы с TypeScript: пошаговое руководство

Чтобы создать проект TypeScript, вы можете выполнить следующие действия:

Шаг 1. Создайте новый каталог проекта.
Создайте новый каталог для своего проекта, используя интерфейс командной строки (CLI) или предпочитаемый вами файловый менеджер. Откройте терминал или командную строку и перейдите в нужное место для вашего проекта. Затем выполните следующую команду, чтобы создать новый каталог:

mkdir my-typescript-project
cd my-typescript-project

Шаг 2. Инициализируйте новый проект TypeScript
Попав в каталог проекта, вам необходимо инициализировать новый проект TypeScript. Выполните следующую команду, чтобы создать файл package.json:

npm init -y

Шаг 3. Установите TypeScript
Далее вам необходимо установить TypeScript в качестве зависимости для разработки. Чтобы установить TypeScript, выполните следующую команду:

npm install typescript --save-dev

Шаг 4. Создайте файл конфигурации TypeScript
Чтобы настроить TypeScript для вашего проекта, вам необходимо создать файл tsconfig.json. Выполните следующую команду, чтобы создать файл конфигурации:

npx tsc --init

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

Шаг 5. Написание кода TypeScript
Теперь вы можете приступить к написанию кода TypeScript в своем проекте. Создайте новый файл с именем index.tsв каталоге вашего проекта и добавьте пример кода:

function greet(name: string) {
  console.log(`Hello, ${name}!`);
}
greet("TypeScript");

Шаг 6. Компиляция кода TypeScript
Чтобы скомпилировать код TypeScript в JavaScript, выполните следующую команду:

npx tsc

Эта команда сообщает компилятору TypeScript (tsc) скомпилировать все файлы TypeScript в вашем проекте. Скомпилированные файлы JavaScript будут созданы в том же каталоге с расширением .js.

Шаг 7. Запустите код JavaScript
Наконец, вы можете запустить скомпилированный код JavaScript с помощью Node.js. Выполните следующую команду, чтобы выполнить файл index.js:

node index.js

Выход будет:

Hello, TypeScript!

Поздравляем! Вы успешно создали и запустили проект TypeScript.