در این مقاله به نحوه نصب و اجرای TypeScript در Visual Studio Code خواهیم پرداخت. TypeScript یک زبان اپن سورس است که توسط مایکروسافت توسعه و نگهداری میشود. TypeScript که برای توسعه برنامه های بزرگ با جاوا اسکریپت طراحی شده ، در واقع یک مجموعه ابر مجموعه از جاوا اسکریپت هست که کد های آن به راحتی به جاوا اسکریپت تبدیل میشود. TypeScript درفرمورک های معروفی نظیر Angular Vue، React و ... استفاده شده است.
1 - ابتدا باید Node.js را نصب نمایید؛ برای اینکار به سایت nodejs رفته و با توجه به سیستم عامل خود فایل نصبی را دانلود و نصب نمایید.
نیازی به نصب Tools for Native Modules نیست ، در صفحه زیر تیک مورد نظر را لازم نیست بزنید. بعدا هم امکان نصب پایتون و Visual studio Build Tolls را خواهید داشت.
2- بعد از نصب Node.js ، با تایپ دستور زیر در cmd ، شروع به نصب تایپ اسکریپت خواهیم کرد.
npm install -g typescript
3- حالا ویژوال استدیو کد را باز کرده و یک Workspace ایجاد کرده و داخل آن یک فایل html ایجاد کنید به نام index.html و یک فایل به نام FirstApp.ts برای کد های تایپ اسکریپ ایجاد نمایید و داخل آن کد های زیر را تایپ کنید.
const message: string = 'hello world';
console.log(message);
حالا روی Workspace راست کلیک کرده و Open in Terminal را کلیک کنید و در ترمینال جهت کامپایل فایل FirstApp.ts به کد جاوا اسکریپت دستور زیر را تیاپ نمایید.
tsc FirstApp.ts
اگه به خطای
........ cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at
https:/go.microsoft.com/fwlink/?LinkID=135170.
برخوردید، به خاطر این است که Execution Policies شما محدود شده است. جهت رفع این محدودیت powershell را در مود ادمین اجرا کرده و دستور زیر را اجرا نمایید. ( جهت آشنایی بیشتر با (Execution Policies ) به اینجا و اینجا مراجعه کنید.
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned
حالا دوباره به VSCode برگشته و دوباره دستور زیر را تایپ و اجرا نمایید
tsc FirstApp.ts
خواهید دید که فایل FirstApp.js برای شما داخل Workspace ایجاد خواهد شد . تنها کاری که باقی مانده این است که فایل FirstApp.js را با دستور زیر داخل فایل index.html بیاورید.
توصیه میکنم حتما افزونه Quokka.js را در VSCode نصب کنید.
References: