为 Nuxt 提供类型安全的路由
- 支持所有编程式导航工具 (
NuxtLink,useRouter,navigateTo,useRoute,useLocalePath, etc...) - 支持可选参数和 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