GSP.DEV
  • about
    • ✌️ สวัสดีครับ 😊
  • ⬜introduction
    • 🌐Web Development
      • 🖼️Frontend Developer
      • 🖥️Backend Developer
      • 🎓Full Stack Developer
      • 🚀DevOps Engineer
  • 📖Software
    • 🌐Web Development
      • Language
        • Javascript
        • TypeScript
        • PHP
        • Python
      • Runtime
        • Javascript Runtime
          • Node.js
          • Bun
      • Frontend Framework
        • CSS Framework
          • Tailwind CSS
        • Vite
        • Vue.js
          • Global API
          • Composition API
          • Single-File Component (SFC)
        • Nuxt.js
        • React.js
          • ตัวอย่างการใช้งาน React JS
        • Next.js
      • Backend Framework
        • Express.js
        • NestJS
        • Laravel
    • 🖥️Opeating System
      • Linux
        • Debian
        • Ubuntu
    • 📚Database
      • Relational Databases
        • MySQL
        • Postgres
      • Non-relational Database
        • Document
          • MongoDB
        • Key-value
          • Redis
        • Time Series
          • Prometheus
    • ⚙️Container
      • Docker
        • คำสั่ง Docker พื้นฐาน
      • LXC (Linux Containers)
        • การใช้งาน LXC
        • การใช้งาน Proxmox LXC
      • Container Runtime
        • Docker Container Runtime
        • Containerd
      • Container Orchestration
        • Docker Swarm
        • Kubernetes
    • 🛡️VPN
      • Wireguard
      • Tailscale
    • ☁️Serverless
      • Amazon S3 + Cloudfront
      • Vercel
      • Cloudflare Pages
      • AWS Lambda
    • 📦CDN
      • Cloudfront
    • 🗃️Storage
      • Amazon S3
      • MinIO
    • ✏️Content Management System
      • WordPress
    • 📷Photo Management Software
      • Immich
  • 🏭Infrastructure
    • 🌐Network
      • Firewall
      • Subnet
      • Router
      • Internet
      • Domain
      • DNS
      • Private Network
      • SDN
      • IPAM
      • Protocol
        • IP Address
        • DHCP
        • RTMP
        • TCP
        • UDP
        • HTTP
        • HTTPS
  • ⚙️Technology
    • Cloud Computing คืออะไร
    • VPN คืออะไร
    • Container
  • 🗣️เรื่องเล่า
    • การลดขนาด Image Docker
      • สำหรับ Next.js
    • รีวิว Github Copiot
  • 👨‍💻ลงโค้ด
    • Vue 3
      • การใช้งาน ref
      • การใช้งาน script setup
      • การใช้งาน await ใน script setup
Powered by GitBook
On this page
  • Vite คืออะไร
  • คุณสมบัติของ Vite
  • ประเภทของโปรเจคที่ใช้ Vite
  • ความนิยมในการใช้ Vite
  • สรุป

Was this helpful?

  1. Software
  2. Web Development
  3. Frontend Framework

Vite

PreviousTailwind CSSNextVue.js

Last updated 4 months ago

Was this helpful?

Vite คืออะไร

Vite เป็นเครื่องมือสร้างโปรเจค JavaScript ที่มีประสิทธิภาพสูง ใช้สำหรับสร้างและพัฒนาเว็บโปรเจคที่ต้องการความรวดเร็วในการบิวด์ในยุคสมัยใหม่

คุณสมบัติของ Vite

  • เร็วแบบสุดๆ: โฟกัสไปที่การบิวด์ในช่วงพัฒนาที่เร็วทันใจ

  • บิวด์แบบฉลาด: ใช้ ES Module ในเบราว์เซอร์ ด้วยการโหลดเฉพาะโมดูลที่ต้องการ

  • การสนับสนุน Hot Module Replacement (HMR): อัพเดทไฟล์ในช่วงพัฒนาแบบเร็วและลื่นไหล

ประเภทของโปรเจคที่ใช้ Vite

  • Single Page Applications (SPA)

  • Progressive Web Apps (PWA)

  • JavaScript Libraries

ความนิยมในการใช้ Vite

Vite เป็นที่นิยมในกลุ่มนักพัฒนาเว็บที่ต้องการลดเวลาในการพัฒนาโดยยังคงความสะดวกสบายและฟังก์ชันที่ครบครัน

สรุป

Vite โดดเด่นด้วยความเร็วและความยืดหยุ่นในการพัฒนา ช่วยสร้างเว็บที่รวดเร็วและทันสมัย เป็นเครื่องมือที่เหมาะกับโปรเจคทุกขนาดในยุคปัจจุบัน

📖
🌐
Vite คืออะไร
Vite คืออะไร