為 Nuxt 提供型別安全的路由
- 支援所有程式化導航工具(
NuxtLink
、useRouter
、navigateTo
、useRoute
、useLocalePath
等) - 支援可選引數和 CatchAll 路由
- 自動補全路由路徑、名稱和引數
- 如果路由路徑無效則丟擲錯誤
- 開箱即用的
i18n
支援 - 支援透過配置和模組擴充套件的路由
文件
試用
演示倉庫 🧪:nuxt-typed-router-demo
使用者
LearnVue 關於它的精彩影片
相容性
- Nuxt 3
安裝
npx nuxi@latest module add typed-router
配置
在 nuxt.config.ts
中註冊模組,完成!
export default defineNuxtConfig({
modules: ['nuxt-typed-router'],
});
開發
- 克隆此倉庫
- 使用
pnpm
安裝依賴項 - 為本地測試構建專案
pnpm run test
- 啟動開發遊樂場
pnpm run prepack && pnpm run dev
- 為部署構建專案
pnpm prepack