TypeScript суулгах ба тохиргоо

Өмнөх хичээлд TypeScript гэж юу болохыг ойлголоо. Одоо компьютертоо суулгаж, анхны .ts файлаа үүсгэцгээе. Энэ хичээл дуусахад та TypeScript ажиллуулж чадна.

Node.js суулгах

TypeScript ажиллуулахын тулд эхлээд Node.js суулгасан байх ёстой. Node.js бол JavaScript болон TypeScript-г компьютерт ажиллуулах орчин юм.

nodejs.org сайт руу орж LTS хувилбарыг татаж суулгана уу.

Суулгасны дараа terminal-д шалгана:

node --version
# v20.11.0 гэх мэт хувилбар харагдах ёстой

npm --version
# 10.2.4 гэх мэт

Хувилбар харагдвал Node.js амжилттай суулгагдсан гэсэн үг.

TypeScript суулгах

Node.js суулгасны дараа npm ашиглан TypeScript-г дэлхийд суулгана:

npm install -g typescript

-g гэдэг нь global буюу компьютерийн бүх хавтасд ашиглаж болно гэсэн утгатай.

Суулгасны дараа шалгана:

tsc --version
# Version 5.3.3 гэх мэт

tsc бол TypeScript Compiler — TypeScript-г JavaScript болгон хөрвүүлэгч програм.

Анхны TypeScript файл үүсгэх

Хавтас үүсгэж, файл нэмнэ:

mkdir typescript-дадлага
cd typescript-дадлага

hello.ts нэртэй файл үүсгэж дараах кодыг бичнэ:

const нэр: string = "Болд";
const нас: number = 25;

console.log(`Сайн уу, ${нэр}! Та ${нас} настай байна.`);

Хөрвүүлж ажиллуулна:

tsc hello.ts
node hello.js
# Сайн уу, Болд! Та 25 настай байна.

tsc hello.ts тушаал нь hello.js файл үүсгэнэ. node hello.js тэр файлыг ажиллуулна.

tsconfig.json — тохиргооны файл

Жишээ бүрт tsc файлнэр.ts гэж бичих нь тохиромжгүй. Тиймээс tsconfig.json файл ашиглан бүхэл төслийн тохиргоог нэг дор хадгалдаг.

tsc --init

Энэ тушаал tsconfig.json файл үүсгэнэ. Гол тохиргоонуудыг харцгааё:

{
  "compilerOptions": {
    "target": "ES2020",
    "strict": true,
    "outDir": "./dist",
    "rootDir": "./src"
  },
  "include": ["src/**/*"]
}

| Тохиргоо | Утга | | --------- | ------------------------------------------- | | target | Ямар JavaScript хувилбар үүсгэх | | strict | Хатуу дүрэм — алдааг илүү сайн илрүүлнэ | | outDir | Хөрвүүлсэн .js файлууд хаашаа хадгалагдах | | rootDir | TypeScript файлууд хаана байна |

strict: true тохиргоог үргэлж идэвхжүүлэх нь зөв дадал — алдааг эрт илрүүлнэ.

ts-node ашиглах

Хөгжүүлэлтийн явцад tsc → node гэж хоёр тушаал бичих нь удаашруулдаг. ts-node хэрэгсэл TypeScript-г шууд ажиллуулдаг:

npm install -g ts-node

ts-node hello.ts
# Сайн уу, Болд! Та 25 настай байна.

Хөрвүүлэх алхамгүйгээр шууд үр дүнг харна. Дадлага хийхэд маш тохиромжтой.

VS Code суулгах

TypeScript бичихэд хамгийн тохиромжтой editor бол Visual Studio Code (VS Code). TypeScript-г Microsoft хөгжүүлсэн тул VS Code-д TypeScript дэмжлэг суурилагдсан байдаг.

code.visualstudio.com сайтаас татаж суулгана уу.

VS Code дотор TypeScript бичихэд:

• Алдааг улаанаар шууд харуулна
• Кодыг автоматаар дуусгаж өгнө
• Функц, хувьсагчийн тайлбарыг харуулна

Дараагийн хичээлд:

TypeScript-ийн суурь болох үндсэн төрлүүд — string, number, boolean — хэрхэн ашиглахыг судална. Эдгээр нь TypeScript-ийн хамгийн их хэрэглэгддэг блокууд юм.