自從 Vite 推出以後，因為那變態的速度與很多特點，所以很多人都紛紛投入 Vite 的懷抱。不過由於 Vite 目前還在起步中，生態域還不像 Vue-Cli 那麼完整，所以目前如果用 Vite 中所提供的 Vue 模板創建專案就只會是一個很乾淨的 Vue，沒有 Router 也沒有 Vuex。這對於一些剛接觸 Vue 與 Vite 的新手可能會有點不知所措，可能就因此打退堂鼓回去用 Vue-Cli。
但其實就跟 Vue-Cli 一樣，剛開始沒裝到 Router 或 Vuex ，之後還是可以自己手動裝上去，而且操作幾乎一模一樣。
(以下都只示範 Vue3、Router4、Vuex4、Typescript 的配置)
首先先用 $ yarn create @vitejs/app並使用 vue-ts 的模板創建一個 Vue3 專案:
然後根據指示 cd到專案目錄下， yarn安裝一下模組後，yarn dev啟動測試一下專案能運行:
確認應用能正常啟動後，接著就手動安裝 Router 與 Vuex:
$ yarn add vue-router@next
$ yarn add vuex@next
接著我們在 src 目錄下分別建立 router 與 store 的資料夾，並再資料夾中分別建立一個 index.ts 檔案:
router/index.ts
vuex/index.ts
上面都弄好了之後呢，接著就直接到 src/main.ts裡引入 router 跟 store 後，再告訴 Vue 實例我們要使用 router和 store 就大功告成了!
是不是也沒想像中的難呢，就只是要自己手動建立 router 與 sotore 而已，過於依賴 Template 就會這樣，萬一沒工具自己就不知道該怎麼辦，所以學起來自己如何手動加入這些插件還是很有用的!