TypeScript е надмножество на JavaScript, разработено за изграждане на по-безопасни, широкомащабни приложения. Той добавя незадължително статично въвеждане към езика, което улеснява откриването на грешки преди компилация.
Езикът също въвежда някои функции, които не съществуват в JavaScript. Те включват генерични кодове, класове, интерфейси, enum и декоратори.
Научете как да настроите първия си TypeScript проект от нулата само с няколко стъпки.
Стъпка 1: Инсталиране на TypeScript
Преди употреба TypeScript на вашата система, трябва да инсталирате компилатора на TypeScript глобално.
Изпълнете следната команда, за да инсталирате TypeScript глобално:
npm Инсталирай -g машинопис
Стъпка 2: Настройване на вашия проект
За да настроите своя TypeScript проект, започнете със създаване на празна проектна директория в всяка IDE по ваш избор.
След това създайте вашите файлове с .ts разширение на файл. TypeScript не може да работи в никаква среда. Следователно той трябва да бъде компилиран в JavaScript, преди да може да се изпълнява.
За да компилирате вашите TypeScript файлове в JavaScript, отворете директорията на вашия проект на вашия терминал. След това бягайте tsc последвано от името на вашия TypeScript файл.
Например:
tscиндекс.ts
Тази команда ще създаде index.js файл във вашата директория index.ts файлът се намира.
Това поведение може да е нежелателно, тъй като би направило вашия проект труден за управление с множество .js и .ts файлове в същата директория.
Вие променяте това поведение по подразбиране и модифицирате поведението на вашия TypeScript компилатор, като използвате tsconfig.json файл.
Изпълнете следната команда във вашия терминал, за да създадете a tsconfig.json файл във вашия проект:
tsc --в него
Това генерира файл, съдържащ всички конфигурационни настройки за вашия TypeScript компилатор.
Тук ще покриете само основите, необходими за стартиране на вашия проект, но можете да научите повече за него документацията на TypeScript tsconfig.
Стъпка 3: Настройване на TypeScript компилатора за по-добър работен процес
The tsconfig.json файлът съдържа опции за конфигурация за компилатора на TypeScript, разделен на седем раздела:
- проекти
- Език и среда
- Модули
- Поддръжка на JavaScript
- Излъчвайте
- Ограничения за взаимодействие
- Типова проверка
- Пълнота
Повечето от свойствата са деактивирани по подразбиране (те са коментирани). Можете да ги активирате и модифицирате, като ги декоментирате.
Ето стъпките, които трябва да следвате, за да промените местоположението на вашите генерирани JavaScript файлове:
- Отворете tsconfig.json и намерете излъчвам раздел.
- В излъчвам раздел, разкоментирайте outDir и посочете директорията, в която искате да съхранявате компилираното .ts файлове. Сега всеки път, когато бягате tsc, Вашият .js файлове ще бъдат в указаната папка.
Бягане tsc последвано от името на файла, който искате да компилирате, не е оптимално за вашия работен процес, особено когато трябва да компилирате множество файлове.
За да реши този проблем, компилаторът на TypeScript предоставя свойство, което му позволява да компилира всички файлове в дадена директория с една команда.
Следвайте тези стъпки, за да настроите това:
- Отворете tsconfig.json и намерете модули раздел.
- В модули раздел, разкоментирайте rootDir собственост или rootDirs (ако искате компилаторът да компилира множество .ts директории в .js) и посочете файловата директория(и).
Тези настройки ще направят вашия работен процес по-добър и вашите файлове по-лесни за поддръжка.
Предимствата на TypeScript
Основното предимство на TypeScript пред JavaScript е неговата безопасност на типа. TypeScript прави възможно бързото откриване на трудни за намиране грешки. Тази функция го прави идеален за изграждане на сигурни и широкомащабни приложения.