通过 100 多个技巧学习 Nuxt!

typed-router
nuxt-typed-router

为页面路由名称和参数提供自动补全

nuxt-typed-router cover

npm versionnpm downloadsnpm downloads

为 Nuxt 提供类型安全的路由

  • 支持所有程序化导航工具(NuxtLinkuseRouternavigateTouseRouteuseLocalePath 等...)
  • 支持可选参数和 catchAll 路由
  • 自动补全路由路径、名称和参数
  • 如果路由路径无效则抛出错误
  • 开箱即用的 i18n 支持
  • 支持通过配置和模块扩展的路由



文档

Documentation

试用一下

Open in StackBlitz

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

使用者

Malt logo

LearnVue 关于它的精彩视频

Watch the video

兼容性

  • 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 许可证