Chapter 1: Vue Home
What exactly is “Vue Home”? In 99% of real Vue.js (Vue 3) projects created in 2025–2026, especially when you use Vite (the recommended tool): Bash
|
0 1 2 3 4 5 6 7 8 |
npm create vite@latest my-app -- --template vue # or with TypeScript npm create vite@latest my-app -- --template vue-ts |
…Vite automatically generates this folder structure: text
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
src/ ├── assets/ ← images, css, etc. ├── components/ ← reusable pieces (Header.vue, Button.vue, Card.vue…) ├── views/ ← page-level components ←←← this is important │ ├── HomeView.vue ← usually called "Home" or "HomeView" │ └── AboutView.vue ├── App.vue ← root component ├── main.js / main.ts ← entry point └── router/ └── index.js ← where routes are defined |
...
