پرش به مطلب اصلی

فصل ۲: نصب TypeScript مثل آب خوردن! ☕

🚀 قدم صفر: چیکار داریم میکنیم؟​

قراره TypeScript رو مثل یه سوپرمن به محیط توسعه تون اضافه کنیم! بعدش میتونی فایلهای .ts بنویسی و اونها رو به جاوااسکریپت تبدیل کنی.
نگران نباش، بیشتر از ۵ دقیقه وقت نمیگیره!

🔧 قدم ۱: نصب Node.js و npm​

  • چرا؟ چون TypeScript به Node.js نیاز داره تا کامپایل بشه!
  • چطوری؟ برو سایت Node.js و آخرین نسخه LTS رو نصب کن .

nodejs-download

  • تست نصب: توی ترمینال بنویس:
  node -v
  npm -v

اگه نسخه نشون داد، یعنی همه چیز اوکیه! 🌍

⚡ قدم ۲: نصب TypeScript​

  • حالا میخوایم TypeScript رو گلوبال نصب کنیم تا همه جا در دسترس باشه:
npm install -g typescript
  • تستش کن: توی ترمینال بنویس:
tsc -v

اگه نسخه TypeScript رو دیدی، یعنی همهچی اوکیه! 🎉

🛠️ قدم ۳: پیکربندی پروژه (tsconfig.json)​

یه فایل پیکربندی میخوایم تا TypeScript بدونه چطوری کامپایل کنه!

  • توی پوشه پروژهت، دستور زیر رو اجرا کن:
tsc --init

این دستور یه فایل tsconfig.json میسازه با کلی تنظیمات پیشفرض.

مهمترین تنظیمات:

{
  "compilerOptions": {
    "target": "ES6",    // جاوااسکریپتِ مدرن میخوایم!
    "module": "CommonJS", // برای پروژههای Node.js
    "outDir": "./dist", // خروجی کامپایل اینجا ذخیره میشه
    "strict": true      // حالت سختگیرانه، مثل معلم سختگیر! 🧐
  }
}

🎨 قدم ۴: کامپایل اولین فایل TypeScript​

  • یه فایل app.ts بساز و توش بنویس:
const greeting: string = "سلام دنیا!";
console.log(greeting);
  • حالا کامپایلش کن:
tsc

نتیجه: توی پوشه dist، فایل app.js ساخته میشه!

💡 نکات طلایی​

  • اگه خواستی فقط یک فایل رو کامپایل کنی (بدون tsconfig):
tsc app.ts
  • اگه خطای دسترسی (Permission) دیدی، از sudo استفاده کن (مخصوص لینوکس/مک):
sudo npm install -g typescript

❓ مشکلات رایج (و راه حل!)​

  • خطای tsc not found: یا TypeScript نصب نیست یا مسیر گلوبال اشتباهه!
  • خطاهای عجیب در کامپایل: حتماً tsconfig.json رو چک کن!
  • من از کامپیوتر بدم میاد: یه قهوه بریز و دوباره امتحان کن! ☕

📌 خلاصه این فصل​

  • 1.Node.js رو نصب کردیم.
  • 2.TypeScript رو گلوبال اضافه کردیم.
  • 3.پروژهمون رو با tsconfig.json تنظیم کردیم.
  • 4.اولین فایلمون رو کامپایل کردیم!

تبریک میگم! حالا تو یه TypeScript Developer هستی! 🎓

با آرزوی موفقیت
تیم برندآرا 🤖