Како поставити нови TypeScript пројекат

Како поставити нови TypeScript пројекат

Увод

TypeScript је надскуп JavaScript-а који вам омогућава да пишете чврсто типисан код. Ово помаже да се открију грешке у раној фази развоја и да се направи робуснији и одрживији код. Постављање новог TypeScript пројекта је једноставан процес који се може завршити за неколико минута.

Кораци за постављање новог TypeScript пројекта

1. Инсталирајте Node.js

TypeScript је заснован на JavaScript-у, па вам је потребан Node.js да бисте га користили. Идите на званичну веб страницу Node.js-а и преузмите најновију верзију за вашу оперативни систем.

2. Инсталирајте TypeScript

Отворите терминал или командну линију и унесите следећу команду:


npm install -g typescript

Ово ће инсталирати TypeScript глобално на ваш систем.

3. Креирајте нови директоријум за пројекат

Отворите терминал или командну линију и навигацијте до директоријума где желите да креирате свој TypeScript пројекат. Унесите следећу команду да креирате нови директоријум:


mkdir typescript-project

4. Промените директоријум

Унесите следећу команду да промените директоријум у новокреирани директоријум:


cd typescript-project

5. Иницијализујте npm пројекат

Унесите следећу команду да иницијализујете npm пројекат унутар директоријума пројекта:


npm init -y

Ово ће креирати package.json фајл у вашем директоријуму пројекта.

6. Инсталирајте TypeScript devDependencies

Унесите следећу команду да инсталирате TypeScript devDependencies у ваш пројекат:


npm install --save-dev typescript @types/node

Ово ће инсталирати TypeScript компилатор и дефиниције типова за Node.js.

7. Креирајте TypeScript фајл

Уређивачем текста по вашем избору, креирајте нови фајл под називом main.ts у директоријуму пројекта. Ово ће бити ваш главни TypeScript фајл.

8. Напишите свој TypeScript код

У фајлу main.ts, напишите свој TypeScript код. На пример:

typescript
let name: string = "TypeScript";
console.log(Hello, ${name}!);

9. Компилирајте свој TypeScript код

Да бисте компилирали свој TypeScript код у JavaScript, унесите следећу команду у терминалу или командној линији:


tsc

Ово ће креирати фајл main.js у вашем директоријуму пројекта.

10. Покрените свој JavaScript код

Сада можете да покренете свој JavaScript код из терминала или командне линије уношењем следеће команде:


node main.js

Ово ће штампати „Здраво, TypeScript!“ на конзолу.

Подешавање TypeScript конфигурационог фајла (tsconfig.json)

Конфигурациони фајл tsconfig.json вам омогућава да конфигуришете разне опције компилатора TypeScript-а, као што су циљни JavaScript, модулски систем и правила линтера. Да бисте креирали tsconfig.json фајл, унесите следећу команду у терминалу или командној линији:


tsc --init

Ово ће креирати tsconfig.json фајл са подразумеваним опцијама. Можете да прилагодите ове опције према својим потребама.

Додатно подешавање

Након што поставите свој TypeScript пројекат, можете даље да га подесите подешавањем следећих опција:

* Linter: Можете да користите TypeScript linter, попут ESLint, за проверавање грешака у коду и придржавање стандарда кодирања.
* Тестирање: Можете да користите оквир за тестирање, попут Jest или Mocha, за тестирање свог TypeScript кода.
* Транспилер: Можете да користите транспилер, попут Babel, за транспилацију вашег TypeScript кода у старије верзије JavaScript-а.

Закључак

Постављање новог TypeScript пројекта је једноставан процес који се може завршити у неколико минута. Следећи кораке описане у овом чланку, можете да креирате, компилирате и покренете свој TypeScript код. Даље подешавање пројекта омогућиће вам да уградите додатне функције и побољшате квалитет вашег кода.

Често постављана питања (FAQs)

1. Које су предности коришћења TypeScript-а?
TypeScript пружа јаке типове, што помаже у откривању грешака у раној фази, побољшава одрживост кода и омогућава рефакторисање безбедније.

2. Које су разлике између JavaScript-а и TypeScript-а?
JavaScript је динамично типисан, док је TypeScript јако типисан. Такође, TypeScript подржава класе, интерфејсе и друге конструкције објектно оријентисаног програмирања.

3. Да ли је TypeScript компилатор?
Да, TypeScript је компајлер који транспилира TypeScript код у JavaScript.

4. Која је сврха tsconfig.json фајла?
tsconfig.json фајл омогућава вам да конфигуришете различите опције компилатора TypeScript-а, као што су циљни JavaScript, модулски систем и правила линтера.

5. Како могу да користим TypeScript linter?
Можете да инсталирате TypeScript linter попут ESLint и креирате .eslintrc фајл у свом директоријуму пројекта да бисте конфигурисали правила линтера.

6. Како могу да тестирам свој TypeScript код?
Можете да инсталирате оквир за тестирање попут Jest или Mocha и креирате фајлове за тестирање за тестирање свог TypeScript кода.

7. Како могу да транспилирам свој TypeScript код у старије верзије JavaScript-а?
Можете да инсталирате транспилер попут Babel и конфигуришете га у tsconfig.json фајлу да транспилирате свој TypeScript код у старије верзије JavaScript-а.

8. Где могу да пронађем додатну помоћ за TypeScript?
Можете да пронађете додатну помоћ за TypeScript на званичној веб страници TypeScript-а, форумима заједнице и путем онлајн документације.