การติดตั้งเฟรมเวิร์ก React Router

สำหรับส่วนของบทเรียนนี้ นอกจาก React Router แล้ว เราจะใช้ Vite เป็นเครื่องมือรวมและเซิร์ฟเวอร์ทดสอบ

เริ่มต้น ลองสร้าง แอปพลิเคชัน React my-app ด้วย การใช้ Vite กัน โดยเปิดเทอร์มินัลและป้อน คำสั่งต่อไปนี้:

terminalnpm create vite@latest my-app -- --template react
cd my-app
npm install

เพื่อที่จะทำงานกับระบบกำหนดเส้นทาง เราต้องการโมดูล react-router-dom เรามาติดตั้งมันกัน:

terminalnpm install react-router-dom

ตอนนี้ทุกอย่างพร้อมสำหรับการเริ่มต้น งานแล้ว มาลองรันแอปพลิเคชัน ของเรากัน:

terminalnpm run dev

คัดลอกลิงก์ http://localhost:5173/ ที่ระบุในเทอร์มินัลไปยังแถบที่อยู่ของ เบราว์เซอร์ แล้วคุณจะเห็นแอปพลิเคชันที่รันอยู่ (คุณสามารถลองกดปุ่ม ์ตัวนับได้)