เช็ค 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