Published on

บันทึก - เรียนรู้ Typescript (ติดตั้งและลองใช้งาน)

สวัสดีคุณผู้อ่านทุกท่านเน้อครับ วันนี้เจมส์จะมาบันทึกการเรียนรู้ Typescript ครับ เอาไว้กันตัวเองลืมด้วย ในบทความนี้จะบันทึกการติดตั้งและลองใช้งาน

ติดตั้ง Typescript

npm install -g typescript

ตรวจสอบ Version

tsc --version

หรือ

tsc -v

สร้าง Project Typescript

mkdir ชื่อโปรเจค

เช่น

mkdir example-typescript

จากนั้นเข้าไปใน Directory Project ด้วยคำสั่ง

cd example-typescript

สร้างไฟล์ tsconfig.json ด้วยคำสั่ง

tsc --init

จากนั้นลองสร้างไฟล์ index.ts ขึ้นมา จากนั้นให้ลองใส่โค้ด

console.log('Happy New Year 2023')

จากนั้นลอง compile ด้วยคำสั่ง

tsc

หมายเหตุ: ถ้าอยากให้เวลาเปลี่ยนค่าใน typescript แล้ว compile ให้อัตโนมัติให้ใช้ tsc --watch หรือ tsc -w

จะพบว่ามีไฟล์ index.js สร้างขึ้นมา ที่ได้จากการ compile จาก index.ts และเมื่อเราต้องการ Run Code เราจะไป Run ไฟล์ index.js ที่ถูกสร้างขึ้นมานี่แหละครับ ด้วยคำสั่ง

node index.js

จะพบว่ามีข้อความแสดงใน Terminal ว่า

Happy New Year 2023

ปีใหม่นี้ขอเริ่ม Start ด้วยอะไรง่าย ๆ ก่อนละกัน ^^

สวัสดีปีใหม่คุณผู้อ่านทุกท่านเน้อครับ

หวังว่าปีนี้ตัวเองจะขยันเรียนรู้และขยันเขียนบทความบ่อย ๆ นะครับ