TypeScript bilan ishlashni boshlash

TypeScript kompilyatori

TypeScript kompilyator yordamida JavaScript-ga ko‘chiriladi.

TypeScript JavaScript-ga aylantirilsa, u JavaScript ishlayotgan har qanday joyda ishlaydi!

Kompilyatorni o‘rnatish

TypeScript-da npm orqali o‘rnatilishi mumkin bo‘lgan rasmiy kompilyator mavjud.

npm haqida ko‘proq ma’lumot oling va bu yerda qanday boshlash kerak: npm nima?

Npm loyihangizda kompilyatorni o‘rnatish uchun quyidagi buyruqni bajaring:

Misol

npm install typescript --save-dev

Bu sizga o‘xshash natija berishi kerak:

Misol

added 1 package, and audited 2 packages in 2s
found 0 vulnerabilities

Kompilyator node_modules katalogiga o‘rnatilgan va u bilan ishlash mumkin: npx tsc .

Misol

npx tsc

Bu sizga o‘xshash natija berishi kerak:

Misol

Version 4.5.5
tsc: The TypeScript Compiler - Version 4.5.5

Keyin barcha umumiy buyruqlar ro‘yxati.

Global o‘rnatish

TypeScript-ni global o‘rnatish tsc buyrug‘ini tizimingizning PATH o‘zgaruvchisiga qo‘shishni anglatadi, shuning uchun u istalgan jilddan ishlaydi.

Misol

npm install -g typescript

Misol

tsc -v

Pros

Har qanday loyiha yoki katalogdan tsc ga tezkor kirish.
Buyruqlarni sinab ko‘rish, o‘rganish yoki bir martalik skriptlarni ishlatish uchun foydalidir.
Ba’zi muharrirlar yoki vositalar global kompilyatorni avtomatik ravishda topishi mumkin.

Cons

Turli kompyuterlarda (yoki jamoadoshlarda) global versiyalar har xil bo‘lishi mumkin.
Loyihangiz kutgan versiyadan chetga chiqib, nozik muammolarni keltirib chiqarishi mumkin.
Ba’zi tizimlarda global o‘rnatish uchun yuqori ruxsatlar talab qilinishi mumkin.

Eng yaxshi amaliyot - TypeScript-ni loyihaning devDependency bog‘liqligi sifatida o‘rnatish va uni npx tsc bilan ishga tushirish, shunda aniq versiya barcha muhitlarda bir xil bo‘ladi. Global o‘rnatish ixtiyoriy va vaqti-vaqti bilan foydalanish uchun qulay.

Kompilyatorni sozlash

Odatiy bo‘lib, TypeScript kompilyatori bo‘sh loyihada ishga tushganda yordam xabarini chop etadi.

Kompilyatorni tsconfig.json fayli yordamida sozlash mumkin.

Siz TypeScript-ni tavsiya etilgan sozlamalar bilan tsconfig.json yaratishingiz mumkin:

Misol

npx tsc --init

Bu sizga o‘xshash natija berishi kerak:

Misol

Created a new tsconfig.json with:
TS
  target: es2016
  module: commonjs
  strict: true
  esModuleInterop: true
  skipLibCheck: true
  forceConsistentCasingInFileNames: true

Batafsil ma’lumotni TypeScript Config da olishingiz mumkin

Mana tsconfig.json fayliga qo‘shishingiz mumkin bo‘lgan boshqa narsalarga misol:

Misol

{
  "include": ["src"],
  "compilerOptions": {
    "outDir": "./build"
  }
}

Ushbu parametrlarni qo‘shish uchun faylni muharrirda ochishingiz mumkin.

Bu TypeScript kompilyatorini loyihangizning src/ katalogida joylashgan TypeScript fayllarini build/ katalogidagi JavaScript fayllariga ko‘chirish uchun sozlaydi.

Birinchi TypeScript dasturingiz

Keling, oddiy "Salom, dunyo!" TypeScript sozlamalarini tekshirish uchun dastur.

Quyidagi tarkibga ega hello.ts nomli yangi fayl yarating:

salom.ts

function greet(name: string): string {
return `Hello, ${name}!`;
}

const message: string = greet("World");
console.log(message);

TypeScript kodingizni kompilyatsiya qiling:

Misol

npx tsc hello.ts

Bu xuddi shu katalogda hello.js faylini yaratadi:

Misol

function greet(name) {
return "Hello, ".concat(name, "!");
}

const message = greet("World");
console.log(message);

Kompilyatsiya qilingan JavaScript-ni ishga tushiring:

Misol

node hello.js

Chiqishni ko‘rishingiz kerak:

Misol

Hello, World!

Eslatma: Agar yuqorida aytib o‘tilgan tsconfig.json konfiguratsiyasidan foydalanayotgan bo‘lsangiz, TypeScript fayllaringizni src katalogiga joylashtirasiz va kompilyatsiya qilingan JavaScript build katalogida paydo bo‘ladi.

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish