چگونه TS رو نصب و اجرا کنیم؟

سلام در این پست میخوام مراحل نصب TS و چگونگی تبدیل فایل با پسوند .ts به .js رو توضیح بدم.

1. ابتدا Node.js رو از سایت https://nodejs.org/en/ دانلود کنید.

2. در ترمینال سیستم عامل عبارت زیر را بنویسید (اگه سیستم عاملتون macOS هست، لازمه اولش sudo بنویسین):

npm install -g typescript

با ران کردن این کد، TS به صورت Global در سیستمتون نصب میشه.

3. یک پوشه ی پروژه بسازید و در ترمینال پوشه این عبارت رو وارد کنید:

tsc --init

با به اتمام رسیدن مراحل --init، یک فایل tsconfig.json در پوشه ی پروژه ساخته میشه. در این فایل json دستورات نحوه ی عملکرد کامپایلر TS برای تبدیل فایل با پسوند .ts به .js وجود داره. اگه فایل رو باز کنیم میبینیم کلللی تنظیمات مختلف برای کامپایلر وجود داره. ما فقط با چندتاش کار داریم:

&quottarget&quot: &quotES6&quot => به کدام ورژن جاوااسکریپت کدمون ترجمه بشه
&quotrootDir&quot: &quot./src&quot => کدهای تایپ اسکریپت در چه پوشه ای هستن
&quotoutDir&quot: &quot./dist&quot => کد های جاوااسکریپت در کدام پوشه ساخته بشن

توصیه میکنم این موارد رو هم از کامنت در بیارید:

&quotsourceMap&quot: true,
&quotremoveComments&quot: true,
&quotnoEmitOnError&quot: true,
&quotnoUnusedLocals&quot: true,
&quotnoUnusedParameters&quot: true,
&quotnoImplicitReturns&quot: true,

4. در پوشه ی rootDir فایل با پسوند .ts بسازید و توش کدتون رو بزنید.

5. اگه در ترمینال پروژه عبارت tsc (مخفف Type Script Compiler) رو بنویسید، کامپایلر با توجه به تنظیماتی که براش ست کردین، کد JS رو در پوشه ی مقصد میسازه.

6. (اختیاری) میتونید اکستنشن VS Code مثل TypeScript Auto Compiler با لینک https://marketplace.visualstudio.com/items?itemName=morissonmaciel.typescript-auto-compiler رو هم نصب کنید که به صورت خودکار بعد از هر تغییر کد، tsc رو اجرا کنه و دیگه نیاز به انجام کار دستی نباشه.

#cs_internship

#step8

#web