hello-vite/ ├── index.html Vite的進入點 ├── node_modules ├── package.json ├── package-lock.json ├── public 不被 JavaScript 引用的靜態資源 │ └── favicon.ico 網頁標題欄 icon ├── README.md ├── src │ ├── App.vue 網頁根元件 │ ├── main.js 程式進入點 │ ├── assets 靜態資源 EX: 圖片, CSS │ │ ├── base.css │ │ ├── logo.svg │ │ └── main.css │ ├── components 元件檔 │ │ ├── HelloWorld.vue │ │ ├── icons (略 - 放所有 icon 的 svg 檔) │ │ ├── TheWelcome.vue │ │ └── WelcomeItem.vue │ ├── router Vue Router 路由管理 │ │ └── index.js │ ├── stores Pinia 狀態管理器 │ │ └── counter.js │ └── views 路由元件 │ ├── AboutView.vue │ └── HomeView.vue └── vite.config.js vite 設定檔