آیا می خواهید برنامه نویسی TypeScript را راه بیندازید، اما نمی دانید از کجا شروع کنید؟ با این راهنمای کوتاه برای راه اندازی شروع کنید.
TypeScript ابر مجموعه ای از جاوا اسکریپت است که برای ساخت برنامه های کاربردی ایمن تر و در مقیاس بزرگ توسعه یافته است. تایپ استاتیک اختیاری را به زبان اضافه می کند و تشخیص خطاها را قبل از کامپایل آسان تر می کند.
این زبان همچنین ویژگی هایی را معرفی می کند که در جاوا اسکریپت وجود ندارند. اینها شامل ژنریک ها، کلاس ها، رابط ها، enums و دکوراتورها هستند.
یاد بگیرید که چگونه اولین پروژه TypeScript خود را تنها در چند مرحله از ابتدا راه اندازی کنید.
مرحله 1: نصب TypeScript
قبل از استفاده از TypeScript در سیستم خود، باید کامپایلر TypeScript را به صورت سراسری نصب کنید.
برای نصب جهانی TypeScript دستور زیر را اجرا کنید:
npm install -g typescript
مرحله 2: راه اندازی پروژه خود
برای راه اندازی پروژه TypeScript خود، با ایجاد یک پوشه پروژه خالی در هر IDE مورد نظر خود شروع کنید.
سپس، فایل های خود را با پسوند فایل .ts ایجاد کنید. TypeScript نمی تواند در هیچ محیطی اجرا شود. بنابراین، قبل از اجرا باید در جاوا اسکریپت کامپایل شود.
برای کامپایل کردن فایل‌های TypeScript در جاوا اسکریپت، به دایرکتوری پروژه خود در ترمینال خود بروید. سپس tsc و سپس نام فایل TypeScript خود را اجرا کنید.
مثلا:
tsc index.ts
این دستور یک فایل index.js را در همان دایرکتوری که فایل index.ts شما در آن قرار دارد ایجاد می کند.
این رفتار ممکن است نامطلوب باشد زیرا مدیریت پروژه شما را با چندین فایل .js و .ts در یک فهرست دشوار می کند.
شما این رفتار پیش فرض را تغییر می دهید و رفتار کامپایلر TypeScript خود را با استفاده از فایل tsconfig.json تغییر می دهید.
دستور زیر را در ترمینال خود اجرا کنید تا یک فایل tsconfig.json در پروژه خود ایجاد کنید:
tsc --init
این یک فایل حاوی تمام تنظیمات پیکربندی برای کامپایلر TypeScript شما تولید می کند.
شما فقط اصول اولیه مورد نیاز برای شروع پروژه خود را در اینجا پوشش خواهید داد، اما می توانید در اسناد TypeScript tsconfig بیشتر در مورد آن بیاموزید.
مرحله 3: تنظیم کامپایلر TypeScript برای گردش کار بهتر
فایل tsconfig.json شامل گزینه های پیکربندی برای کامپایلر TypeScript است که به هفت بخش تقسیم شده است:
- پروژه ها
- زبان و محیط زیست
- ماژول ها
- پشتیبانی جاوا اسکریپت
- بیرون ریختن
- محدودیت های تعاملی
- بررسی نوع
- کامل بودن
اکثر ویژگی ها به طور پیش فرض غیرفعال هستند (آنها نظر داده می شوند). شما می توانید آنها را با حذف نظر آنها فعال و اصلاح کنید.
برای تغییر مکان فایل های جاوا اسکریپت تولید شده خود باید مراحل زیر را دنبال کنید:
- tsconfig.json را باز کرده و قسمت emit را پیدا کنید.
- در بخش emit، ویژگی outDir را لغو نظر کنید و دایرکتوری را که می‌خواهید فایل‌های کامپایل شده .ts را ذخیره کنید، مشخص کنید. اکنون هر زمان که tsc را اجرا می کنید، فایل های .js شما در پوشه مشخص شده قرار می گیرند.
اجرای tsc به دنبال نام فایلی که می خواهید کامپایل کنید برای گردش کار شما بهینه نیست، به خصوص زمانی که نیاز به کامپایل چندین فایل دارید.
برای حل این مشکل، کامپایلر TypeScript خاصیتی ارائه می دهد که به آن اجازه می دهد تمام فایل های یک دایرکتوری را در یک دستور کامپایل کند.
برای تنظیم این مراحل این مراحل را دنبال کنید:
- tsconfig.json را باز کرده و قسمت modules را بیابید.
- در بخش modules، ویژگی rootDir یا rootDirs را از حالت کامنت خارج کنید (اگر می خواهید کامپایلر چندین دایرکتوری .ts را در js کامپایل کند) و فهرست(های) فایل را مشخص کنید.
این تنظیمات گردش کار شما را بهتر می کند و نگهداری فایل های شما را آسان تر می کند.
مزایای TypeScript
مزیت اصلی TypeScript نسبت به جاوا اسکریپت ایمنی نوع آن است. TypeScript این امکان را فراهم می کند تا باگ های سخت را به سرعت شناسایی کنید. این ویژگی آن را برای ساخت برنامه های ایمن و در مقیاس بزرگ ایده آل می کند.