เข้าใจ TypeScript ผ่าน Express.js ในแบบเร่งด่วน อย่างรวดเร็ว (Crash Course) วันที่ 1/3

Posted by

เรียน TypeScript ด้วย Express.js แบบเร่งด่วนทันใจฉึกฉักๆ (Crash Course) วันที่ 1/3

เรียน TypeScript ด้วย Express.js แบบเร่งด่วนทันใจฉึกฉักๆ (Crash Course) วันที่ 1/3

ในบทเรี้ยนนี้ เราจะมาเรียนรู้เกี่ยวกับการใช้ TypeScript ร่วมกับ Express.js ในแบบเร่งด่วนแบบฉึกฉัก โดยไม่ใช้เวลามากมาย ดังนี้:

ขั้นตอนที่ 1: ติดตั้ง TypeScript และ Express.js

เริ่มต้นโดยการติดตั้ง TypeScript และ Express.js ด้วยคำสั่ง npm ดังนี้:

npm install typescript express

ขั้นตอนที่ 2: สร้างโฟลเดอร์และไฟล์ใหม่

สร้างโฟลเดอร์สำหรับโปรเจคท์ของเราและสร้างไฟล์ package.json ด้วยคำสั่ง:

mkdir my-express-app
cd my-express-app
npm init -y

ขั้นตอนที่ 3: เขียนโค้ด TypeScript สำหรับ Express.js

สร้างไฟล์ index.ts และเขียนโค้ด Express.js พื้นฐานดังนี้:

import express from 'express';

const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('สวัสดี TypeScript กับ Express.js');
});

app.listen(port, () => {
  console.log(`แอพพลิเคชันกำลังทำงานที่ http://localhost:${port}`);
});

ขั้นตอนที่ 4: คอมไพล์และรันโปรเจคท์

คอมไพล์โค้ด TypeScript ด้วย TypeScript compiler และรันแอพพลิเคชันด้วย nodemon ดังนี้:

npx tsc
npx nodemon dist/index.js

จบลงบทเรียนเร่งด่วนเกี่ยวกับการใช้ TypeScript ร่วมกับ Express.js ในแบบฉึกฉัก ขอให้สนุกกับการเรียนรู้ครับ!

0 0 votes
Article Rating
6 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@chalermchonkransakul4240
7 months ago

ขอบคุณสำหรับเนื้อหาดีๆครับ ทำคลิปอีกเยอะๆนะครับ ปล.เปิดระบบสมัครสมาชิกเลยครับ 5555

@somsaktk33
7 months ago

ขอบคุณพันครั้ง /

@dhammachard7629
7 months ago

ติดตามแล้วครับ

@guykickturtle7814
7 months ago

ของดีครับ กำลังหาที่สอน refactor ให้ดีขึ้นพอดีเลย

@nicknick4900
7 months ago

กราบขอบพระทัยครับจาน

@user-wf4nu4jq6d
7 months ago

ติดตามครับ✨