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.