การติดตั้งเฟรมเวิร์ก React Router
สำหรับส่วนของบทเรียนนี้ นอกจาก React Router แล้ว เราจะใช้ Vite เป็นเครื่องมือรวมและเซิร์ฟเวอร์ทดสอบ
เริ่มต้น ลองสร้าง
แอปพลิเคชัน React my-app ด้วย
การใช้ Vite กัน
โดยเปิดเทอร์มินัลและป้อน
คำสั่งต่อไปนี้:
npm create vite@latest my-app -- --template react
cd my-app
npm install
เพื่อที่จะทำงานกับระบบกำหนดเส้นทาง
เราต้องการโมดูล react-router-dom
เรามาติดตั้งมันกัน:
npm install react-router-dom
ตอนนี้ทุกอย่างพร้อมสำหรับการเริ่มต้น งานแล้ว มาลองรันแอปพลิเคชัน ของเรากัน:
npm run dev
คัดลอกลิงก์ http://localhost:5173/
ที่ระบุในเทอร์มินัลไปยังแถบที่อยู่ของ
เบราว์เซอร์ แล้วคุณจะเห็นแอปพลิเคชันที่รันอยู่
(คุณสามารถลองกดปุ่ม
์ตัวนับได้)
สร้างแอปพลิเคชันใน React ด้วย Vite ตามที่
อธิบายไว้ในบทเรียน ติดตั้งโมดูล
react-router-dom ตรวจสอบให้แน่ใจว่า
แอปพลิเคชันสามารถรันได้
