为 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