Vite สอนติดตั้ง ViteJS Create Project with Vite Step-By-Step

Vite เป็นเครื่องมือสร้าง (build tool) ที่มีเป้าหมายเพื่อให้ประสบการณ์การพัฒนาที่รวดเร็วและมีประสิทธิภาพมากขึ้นสำหรับโปรเจ็กต์เว็บสมัยใหม่

• ประกอบด้วยสองส่วนหลัก
  • เซิร์ฟเวอร์สำหรับการพัฒนา (dev server) ที่ให้ฟีเจอร์ที่ปรับปรุงแล้วเหนือกว่าระบบโมดูล ES แบบพื้นฐาน เช่น การแทนที่โมดูลอย่างรวดเร็ว (Hot Module Replacement หรือ HMR) ที่มีความเร็วสูงมาก
  • คำสั่งสร้าง (build command) ที่จะบันเดิลโค้ดของคุณด้วย Rollup ซึ่งถูกตั้งค่าไว้ล่วงหน้าเพื่อให้ได้ผลลัพธ์เป็นสินทรัพย์สถิตที่มีประสิทธิภาพสูงสำหรับการนำไปใช้ในโปรดักชั่น

https://v2.vitejs.dev/guide/why.html#slow-server-start

Create Project with Vite

• npm create vite@latest my-project
• framework: select เลือกภาษาที่ต้องการพัฒนา
• variant: select JavaScript หรือ TypeScript
• cd my-project
• npm install
• npm run dev

ผลลัพธ์ที่ได้

วัยวุฒิ ชุมเมืองปัก

สนใจจ้างพัฒนาระบบ เขียนระบบ
ทำเว็บไซต์ รับสอนเขียนโปรแกรม
inbox มาที่เพจ หรือติดต่อ 098-373-8651

ช่องทางการชำระเงิน
เงินสด หรือ e-banking
ธนาคารกสิกรไทย
เลขบัญชี : 0951168564
ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก

Create Project ViteJS

วัยวุฒิ ชุมเมืองปัก

สนใจจ้างพัฒนาระบบ เขียนระบบ ทำเว็บไซต์ รับสอนเขียนโปรแกรม inbox มาที่เพจ หรือติดต่อ 098-373-8651 ช่องทางการชำระเงิน เงินสด หรือ e-banking ธนาคารกสิกรไทย เลขบัญชี : 0951168564 ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก