НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
TypeScript. Уроки для початківців

En Es De

TypeScript Початок роботи


TypeScript Компілятор

TypeScript транспілюється в JavaScript за допомогою компілятора.

Конвертація TypeScript на JavaScript означає, що він працює скрізь, де працює JavaScript!


Встановлення компілятора

TypeScript має офіційний компілятор, який можна встановити через npm.

Дізнайтеся більше про npm і як почати роботу тут: Що таке npm?

У вашому проєкті npm виконайте таку команду, щоб інсталювати компілятор:

npm install typescript --save-dev

Що має дати вам результат, подібний до такого:

added 1 package, and audited 2 packages in 2s
found 0 vulnerabilities

Компілятор встановлено в каталозі node_modules і може працювати за допомогою: npx tsc.

npx tsc

Що має дати вам результат, подібний до такого:

Version 4.5.5
tsc: The TypeScript Compiler — Version 4.5.5

Далі йде список усіх загальних команд.


Налаштування компілятора

За замовчуванням компілятор TypeScript друкуватиме довідкове повідомлення під час запуску в порожньому проєкті.

Компілятор можна налаштувати за допомогою файлу tsconfig.json.

Ви можете створити TypeScript tsconfig.json із рекомендованими параметрами за допомогою:

npx tsc --init

Що має дати вам результат, подібний до:

Created a new tsconfig.json with:
TS
  target: es2016
  module: commonjs
  strict: true
  esModuleInterop: true
  skipLibCheck: true
  forceConsistentCasingInFileNames: true

You can learn more at https://aka.ms/tsconfig.json

Ось приклад того, що ви можете додати до файлу tsconfig.json:

{
  "include": ["src"],
  "compilerOptions": {
    "outDir": "./build"
  }
}

Ви можете відкрити файл у редакторі, щоб додати ці параметри. Це налаштує компілятор TypeScript для транспіляції файлів TypeScript, розташованих у каталозі src/ вашого проєкту, у файли JavaScript у каталозі build/.

Це один із способів швидко розпочати роботу з TypeScript. Є багато інших доступних варіантів, наприклад create-react-app template, node starter project та webpack plugin.


TypeScript Вправи

Перевірте себе за допомогою вправ

Вправа:

За допомогою якого файлу можна налаштувати компілятор TypeScript?

.json
    



Коментарі