基本架構 #

first_vite/
├── index.html
├── node_modules (node.js專用區)
├── package.json (專案設定檔)
├── package-lock.json
├── public (不打包編譯的資料夾)
│   └── favicon.ico
├── README.md
├── src (所有頁面程式設定放置區)
│   ├── /assets (靜態文件資料檔)
│   │   └── index.css | .svg | .jpg
│   ├── /components (頁面元件)
│   │   └── navbar.vue | .ts
│   ├── /router (路由設定)
│   │   └── index.js
|   |   └── routes.js
│   ├── /stores (與Vuex一樣的狀態管理)
│   │   └── counter.js
│   └── /views (路由元件，跟頁面元件很像)
│   │   └── Home .vue | .ts
|   ├── main.js
|   ├── App.vue
|   ├── style.css
└── vite.config.js (vite設定檔，全域設定)