Nuxt Nation 大会即将到来。加入我们,11 月 12-13 日。

typed-router
nuxt-typed-router

为页面路由名称和参数提供自动完成功能

nuxt-typed-router cover

npm versionnpm downloadsnpm downloads

为 Nuxt 提供类型安全的路由

  • 支持所有编程导航实用程序(NuxtLinkuseRouternavigateTouseRouteuseLocalePath 等...)
  • 支持可选参数和通配符路由
  • 自动完成路由路径、名称和参数
  • 如果路由路径无效,则抛出错误
  • 开箱即用 i18n 支持
  • 支持配置和模块扩展的路由



文档

Documentation

试用

Open in StackBlitz

演示仓库 🧪:nuxt-typed-router-demo

LearnVue! 提供的关于它的精彩视频!

Watch the video


兼容性

  • Nuxt 3

快速开始

适用于 Nuxt 3

npx nuxi@latest module add typed-router

配置

nuxt.config.ts 中注册模块,搞定!

export default defineNuxtConfig({
  modules: ['nuxt-typed-router'],
});

开发

  1. 克隆此存储库
  2. 使用 pnpm 安装依赖项
  3. 构建项目以进行本地测试 pnpm run test
  4. 启动开发游乐场 pnpm run prepack && pnpm run dev
  5. 构建项目以进行部署 pnpm prepack

📑 许可证

MIT 许可证