ติดตั้ง Node และ TypeScript (npm i -D typescript), tsc --init
ติดตั้ง Node.js เพิ่ม TypeScript ผ่าน npm และสร้าง tsconfig.json ด้วย tsc --init
ติดตั้ง Node และ TypeScript (npm i -D typescript), tsc --init เป็นบทเรียน TypeScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน TypeScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
ติดตั้ง Node
สิ่งที่ต้องมี: ติดตั้ง Node.js (แนะนำรุ่น LTS) โดยมี npm (ตัวจัดการแพ็กเกจ) และ node (สภาพแวดล้อมรันไทม์) ซึ่งเป็นพื้นฐานที่ TypeScript ใช้ต่อยอด
เริ่มต้นด้วย npm
สร้างโฟลเดอร์โครงการและเริ่มต้นด้วย npm init -y ซึ่งจะสร้าง package.json สำหรับจัดการแพ็กเกจที่ต้องพึ่งพาและสคริปต์
ติดตั้ง TS
ติดตั้ง TypeScript เป็น devDependency เพื่อให้สมาชิกในทีมใช้เวอร์ชันเดียวกัน ตรวจสอบด้วย npx tsc --version
// Run in your terminal (not in TS code)
npm install --save-dev typescript
// Verify installation
npx tsc --versiontsc --init
tsc --init จะสร้าง tsconfig.json ซึ่งควบคุมตัวเลือกของคอมไพเลอร์ ไฟล์ที่รวมอยู่ และโครงสร้างผลลัพธ์
// Run once per project
npx tsc --init
// This creates tsconfig.json with many commented optionsพื้นฐาน tsconfig.json
คุณสามารถปรับแต่ง compilerOptions ใน tsconfig ได้ คีย์ที่ใช้บ่อย ได้แก่ target, module, strict และ outDir
{
"compilerOptions": {
"target": "ES2020",
"module": "commonjs",
"strict": true,
"outDir": "dist"
}
}ประโยชน์ของ tsconfig
ทำไมต้องใช้ tsconfig ช่วยให้การสร้างโครงการมีความสอดคล้องกัน บังคับใช้ความเข้มงวด และทำให้เครื่องมือแก้ไขโค้ดมี IntelliSense ที่ดีขึ้น การใช้การตั้งค่าร่วมกันช่วยป้องกันความประหลาดใจระหว่างเครื่องของนักพัฒนาแต่ละคน
ตรวจสอบการเริ่มต้น
ตรวจสอบอย่างรวดเร็ว: tsc --init ทำหน้าที่อะไร
ทบทวนและหัวข้อถัดไป
ทบทวน: ติดตั้ง Node.js เพิ่ม TypeScript ไว้ในโครงการ และเรียกใช้ tsc --init เพื่อสร้าง tsconfig.json แล้ว หัวข้อถัดไป: คอมไพล์และเรียกใช้โปรแกรมแรกของคุณ
คำถามที่พบบ่อย
บทเรียน “ติดตั้ง Node และ TypeScript (npm i -D typescript), tsc --init” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ติดตั้ง Node และ TypeScript (npm i -D typescript), tsc --init” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส TypeScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ติดตั้ง Node และ TypeScript (npm i -D typescript), tsc --init”
ติดตั้ง Node.js เพิ่ม TypeScript ผ่าน npm และสร้าง tsconfig.json ด้วย tsc --init คุณปฏิบัติ TypeScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน TypeScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน TypeScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน
บทเรียน “ติดตั้ง Node และ TypeScript (npm i -D typescript), tsc --init” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน TypeScript Academy นี้ได้ไหม
ได้ บทเรียน TypeScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- TypeScript คืออะไร ประโยชน์และกรณีการใช้งาน
- ติดตั้ง Node และ TypeScript (npm i -D typescript), tsc --init
- โปรแกรมแรกและการสร้าง/เรียกใช้ (tsc + node / tsx)