TypeScript – це мова програмування, яка є надмножиною JavaScript. Він надає потужні інструменти для розробки веб-застосунків, дозволяючи додавати статичну типізацію та інші можливості, відсутні в JavaScript.
Якщо ви хочете підключити TypeScript до HTML-файлу, вам знадобиться кілька кроків. По-перше, переконайтеся, що у вас встановлено компілятор TypeScript. Ви можете встановити його за допомогою NPM або будь-якого іншого пакетного менеджера.
Після встановлення компілятора TypeScript створіть новий файл із розширенням ".ts" і напишіть свій код на TypeScript. Потім запустіть компілятор TypeScript, вказавши шлях до файлу в командному рядку. Компілятор створить файл із розширенням ".js" – це буде вже скомпільований код JavaScript на основі вашого TypeScript коду.
Щоб підключити скомпільований JavaScript-файл до HTML-файлу, використовуйте тег <script>. Вкажіть шлях до JavaScript-файлу в атрибуті "src" тега <script>. Таким чином, ваш HTML-файл міститиме посилання на ваш скомпільований код, і браузер буде виконувати його при завантаженні сторінки.
| Крок | Опис |
|---|---|
| 1 | Встановіть TypeScript за допомогою npm |
| 2 | Створіть файл із розширенням .ts |
| 3 | Напишіть код на TypeScript у файлі .ts |
| 4 | Скомпілюйте файл .ts у файл .js за допомогою TypeScript Compiler |
| 5 | Підключіть скомпільований файл .js до HTML-файлу за допомогою тега <script> |
| 6 | Тепер ви можете використовувати код на TypeScript в HTML |
Як запустити код на TypeScript?
Для того, щоб запустити код на TypeScript, його потрібно скомпілювати у звичайний JavaScript за допомогою спеціального інструменту – компілятора TypeScript (tsc).
Як компілюється TypeScript?
TypeScript компілює ES3-сумісний JavaScript. За замовчуванням компілюється ECMAScript 3, як переважаючий стандарт; також є можливість створювати конструкції, що використовуються у ECMAScript 5.
На чому написано TS?
Компілятор TypeScript називається tsc – він написаний мовою TypeScript, може бути скомпільований у стандартний JavaScript, а після цього запущений на будь-якому движку JavaScript (наприклад, у браузері).