一款提升开发效率的 VS Code 扩展工具集。
功能
📏 文件大小 — 状态栏显示
在编辑器右下角状态栏实时显示当前打开文件的大小。
- 切换标签页自动更新
- 悬停可查看完整路径和精确字节数
- 示例：打开任意文件后，状态栏显示
1.25 KB
🔗 Nuxt API 路由跳转
自动检测 Nuxt 项目，将代码中的 API 路径变为可点击链接，一键跳转到对应的 server/ 目录下的处理文件。
支持场景：
| 写法 | 示例 | 跳转目标 |
|---|---|---|
| 静态路径 | useFetch('/api/users') |
server/api/users.ts |
| 动态路径 | useFetch(`/api/${id}/export`) |
server/api/[id]/export.ts |
| 方法后缀 | — | 自动匹配 .get.ts、.post.ts 等 |
| 目录索引 | — | 自动匹配 index.ts、index.get.ts 等 |
支持文件类型： .vue、.ts、.js、.tsx、.jsx
⚠️ Nuxt 死路由检测
实时扫描代码中的 API 路径，当路径在 server/ 目录下找不到对应的处理文件时，以黄色波浪线发出警告。
- 在编辑器中即时标记无法解析的路由路径
- 悬停警告可查看具体原因
配置
在 VS Code 设置中搜索 DAIO，或打开 settings.json 手动配置：
| 设置项 | 说明 | 默认值 |
|---|---|---|
daio.fileSize.statusBar |
是否在状态栏显示文件大小 | true |
daio.nuxt.routeNavigation |
是否开启 Nuxt API 路由跳转 | true |
daio.nuxt.deadRouteDetection |
是否开启死路由检测 | true |
修改设置后立即生效，无需重启 VS Code。
要求
- VS Code >= 1.85.0