Vue.js 3 + Vite – Setup Project and Tool

เช็ค Vite version

vite --version

ลง Vite

npm install -g vite

เช็ค Vite version

vite --version

ลง Vite

npm install -g vite

ขึ้น project Vite

npm create vite@latest

config ค่า **ตัวอย่างนี้ตั้งชื่อ project ว่า vue-vite-crm-app

Need to install the following packages: create-vite@latest
    y

Project name:
    vue-vite-crm-app

? Select a framework: »
    Vue

? Select a variant
    Customize with create-vue 

Need to install the following packages: create-vue@latest
    y

? Add TypeScript? 
    No

? Add JSX Support?
    No

? Add Vue Router for Single Page Application development?
    Yes

? Add Pinia for state management?
    No

? Add Vitest for Unit Testing?
    No

? Add an End-to-End Testing Solution?
    No

? Add ESLint for code quality?
    Yes

? Add Prettier for code formatting?
    Yes

หลังจากเสร็จเรียบร้อย ในขั้นตอนของการ  Vite
ต่อไปเป็นการติดตั้ง  node_modules

  cd vue-vite-crm-app
  npm install
  npm run dev

ถ้าต้องการดูผ่านมือถือ ใน network

npm run dev -- --host

สำหรับท่านที่สนใจ หาที่เรียน  ผมก็แนะนำที่นี่ครับ ราคาไม่แรง เนื้อหา และการสอนดีครับ
ผมตามเก็บเรียนไปหลายคอร์สแล้ว
https://www.itgenius.co.th/online-courses/basic-vuejs3-online.html