Так, як ми уже розібралися що таке TypeScript, без води перейдемо до дій:
Встановлення TypeScript
Для роботи з TS вам потрібен NPM, незнаю навіщо я це сказав.
Створіть тестову папку, щоб ми в ній працювали з уроками (назвіть її наприклад TypeScript)
В ній виконайте npm init
для ініціалізації ноди в терміналі, і після глобально встановіть type script - npm install -g typescript
.
Превірте чи встановилося все команою tsc --version
, ts покаже версію
В папці яку ви створили виконайте команду tsc --init
- вона втановить ts в проект, та створить tsconfig.json, який являється конфігураційним файлом TS, покищо не зосереджуйте на ньому увагу, ми його розберемо пізніше.
Створіть файл index.ts
, з наступним змістом:
// index.ts
let message: string = "Привіт, TypeScript!";
console.log(message);
В цьому прикладі видно, що ми створили змінну message, та вказали їй тип, що обовʼязково в TS, тепер цей код треба скомпілювати.
Перша компіляція TS
Виконайте команду tsc index.ts
в терміналі, це скомпілює ts в js. Я нагадаю, що браузери нативно не розуміють TS, тому вам доведеться компілювати завжди, але не хвилюйтеся, далі процес буде автоматизиваним.
Після компіляції у вас повинен зʼявития файл index.js
// index.ts
var message = "Привіт, TypeScript!";
console.log(message);
Якщо це так, то ви створили свій перший додаток на TS, успішно його встановили та налаштували.
В наступних уроках ми будем постійно працювати в цій папці, тому збережіть все створене для наступних уроків.