Покроковий посібник із встановлення TypeScript

TypeScript — популярна мова програмування, яка базується на JavaScript шляхом додавання статичних типів. Встановлення TypeScript є простим процесом, і цей посібник проведе вас через кроки, щоб налаштувати його на вашій машині.

передумови

Перед установкою TypeScript переконайтеся, що у вас встановлено Node.js і npm (Node Package Manager). Node.js забезпечує середовище виконання для виконання JavaScript і TypeScript, тоді як npm використовується для керування пакетами та залежностями.

node -v
npm -v

Якщо ці команди повертають номери версій, ви готові встановити TypeScript.

Встановлення TypeScript

TypeScript можна встановити глобально у вашій системі або локально в межах конкретного проекту. Ми розглянемо обидва методи:

Глобальна інсталяція

Глобальне встановлення TypeScript дозволяє використовувати компілятор TypeScript (`tsc`) з будь-якого місця у вашій системі.

  1. Відкрийте термінал або командний рядок.
  2. Виконайте таку команду, щоб інсталювати TypeScript глобально:
npm install -g typescript

Ця команда завантажить і встановить пакет TypeScript глобально. Ви можете перевірити інсталяцію, перевіривши версію TypeScript:

tsc -v

Локальна установка

Рекомендується інсталювати TypeScript локально для налаштувань конкретного проекту. Таким чином, різні проекти можуть використовувати різні версії TypeScript.

  1. Перейдіть до каталогу проекту за допомогою терміналу:
cd path/to/your/project
  1. Виконайте таку команду, щоб установити TypeScript локально:
npm install typescript --save-dev

Після встановлення ви можете використовувати TypeScript, додавши його до сценаріїв свого проекту або безпосередньо використовуючи команду `npx` для запуску компілятора TypeScript.

npx tsc -v

Налаштування TypeScript

Для TypeScript потрібен файл конфігурації (`tsconfig.json`), щоб указати параметри компілятора та налаштування проекту. Цей файл можна створити вручну або згенерувати за допомогою TypeScript CLI.

  1. Щоб створити файл `tsconfig.json` за умовчанням, виконайте:
npx tsc --init

Ця команда створює файл `tsconfig.json` у каталозі вашого проекту з параметрами за замовчуванням. Ви можете змінити цей файл, щоб налаштувати параметри компілятора відповідно до потреб вашого проекту.

Перевірка встановлення

Щоб переконатися, що TypeScript правильно встановлено, створіть простий файл TypeScript і скомпілюйте його:

  1. Створіть новий файл TypeScript під назвою `hello.ts` із таким вмістом:
let message: string = "Hello, TypeScript!";
console.log(message);
  1. Скомпілюйте файл TypeScript у JavaScript за допомогою компілятора TypeScript:
npx tsc hello.ts

Це створить файл `hello.js` у тому самому каталозі. Запустіть скомпільований файл JavaScript за допомогою Node.js:

node hello.js

Ви повинні побачити "Hello, TypeScript!" надруковано на консолі.

Висновок

Встановлення TypeScript — це простий процес, який передбачає налаштування Node.js, глобальне чи локальне встановлення TypeScript і налаштування вашого проекту. Виконавши ці кроки, ви запустите TypeScript, готовий покращити свій досвід розробки за допомогою статичного введення тексту та розширених функцій.