شروع سریع (Get Started)
در این صفحه راه اندازی تایپ اسکریپت (TypeScript) را سریع می بینی. کامپایلر یعنی برنامه ای که کد را تبدیل می کند. ترنسپایلر (Transpiler) یعنی تبدیل بین زبان های مشابه، مثل TS به JS.
کامپایلر تایپ اسکریپت
کد تایپ اسکریپت به جاوااسکریپت ترنسپایل می شود. بنابراین، همه جا اجرا می شود. چون هرجا JS هست، TSِ تبدیل شده هم کار می کند.
نصب کامپایلر با npm
npm مدیر بسته هاست. یعنی نصب و مدیریت کتابخانه ها. ابتدا داخل پروژه npm هستی. سپس این دستور را اجرا کن.
npm install typescript --save-dev
نمونه خروجی نصب را ببین. این فقط گزارش نصب است.
added 1 package, and audited 2 packages in 2s
found 0 vulnerabilities
حالا می توانی کامپایلر را با npx اجرا کنی.
npx tsc
نمونه خروجی نسخه را ببین. این نشان می دهد tsc آماده است.
Version 4.5.5
tsc: The TypeScript Compiler - Version 4.5.5
پیکربندی با tsconfig.json
در پروژه خالی، tsc کمک پیام چاپ می کند. سپس با فایل tsconfig.json تنظیم می شود. این فایل مثل دفترچه قوانین پروژه است.
برای ساخت tsconfig با تنظیمات پیشنهادی، این را بزن.
npx tsc --init
نمونه خروجی ایجاد فایل را ببین. این گزینه ها پیش فرض توصیه شده هستند.
Created a new tsconfig.json with:
TS
target: es2016
module: commonjs
strict: true
esModuleInterop: true
skipLibCheck: true
forceConsistentCasingInFileNames: true
می توانی include و outDir را هم اضافه کنی. این مسیرها را مشخص می کنند.
{
"include": ["src"],
"compilerOptions": {
"outDir": "./build"
}
}
نکته: با این تنظیم، فایل های TS داخل src، به JS داخل build می روند.
اولین برنامه TypeScript
- فایل hello.ts را بساز و کد زیر را بگذار.
function greet(name: string): string {
return `Hello, ${name}!`;
}
const message: string = greet("World");
console.log(message);
- کد را کامپایل کن تا JS ساخته شود.
npx tsc hello.ts
نمونه خروجی JS کامپایل شده را ببین.
function greet(name) {
return "Hello, ".concat(name, "!");
}
const message = greet("World");
console.log(message);
- فایل JS را با Node اجرا کن.
node hello.js
باید خروجی زیر را ببینی.
Hello, World!
هشدار: اگر tsconfig داری، مسیرها را رعایت کن. فایل ها معمولاً در src و build قرار می گیرند.
برای ادامه مسیر، از معرفی تایپ اسکریپت برگرد و سپس به انواع ساده برو.
جمع بندی سریع
- TS را با npm نصب کن.
- tsc را با npx اجرا کن.
- tsconfig.json را بساز و تنظیم کن.
- hello.ts را کامپایل و اجرا کن.
- مسیر src و build را رعایت کن.