Како поставити нови 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-а, форумима заједнице и путем онлајн документације.