Skyroc Admin Docs
快速上手

名词表

阅读其它文档前的术语对齐

仓库结构相关

术语含义
Monorepo多个相关项目放在一个 git 仓库内,由 pnpm workspace + Turborepo 管理
Workspacepnpm 概念,由 pnpm-workspace.yaml 的 glob 定义的「子项目」
Catalogpnpm 10 的依赖版本集中管理机制(catalogs: 配置)
Internal 包internal/ 下的不发布工程化配置包
Platform-first包按平台(web/native/miniapp/shared)分目录的策略
Adapter Pattern用接口隔离平台 API,使核心代码跨平台的设计模式
@skyroc scope仓库统一的 npm scope;新包一律用它
@sa scope历史遗留 scope,目前仅 @sa/uno-config 使用

工具链相关

术语含义
OxlintRust 实现的 ESLint 替代品,速度 50–100×;本仓库默认 linter
OxfmtOxc 工具链的格式化器,对应 Prettier;全仓共享一份 .oxfmtrc.json
tsdown基于 Rolldown 的库构建器,本仓库所有 @skyroc/* 库的构建工具
Vitest与 Vite 同生态的测试框架;本仓库的单测 / 集成测试方案
Turborepo任务编排 + 增量缓存;定义在 turbo.json
MSWMock Service Worker,集成测试中拦截 HTTP(已装未启)
PlaywrightE2E 测试(待集成)
simple-git-hooksGit hook 管理工具,提交规范校验入口
bumpp版本号交互式提升工具,被 sa release 包装

应用与运行时

术语含义
admin / admin-appapps/admin,中后台主应用
playgroundapps/web-ui-playground 等,组件 demo 站
AdminLayout@skyroc/materials 提供的骨架布局组件
AdminShell@skyroc/web-admin-layouts 集成版本(含状态、菜单、tab 等)
Setup(setupXxx)应用启动序列中的初始化函数(setupThemesetupI18n 等)
AntdProvider@skyroc/web-admin-theme 提供的 antd ConfigProvider 封装
Theme Drawer主题设置抽屉,admin-layouts 内置
TabBar多页签栏(持久化打开的页面)

状态 / 数据

术语含义
AtomJotai 的状态单元
Storage Atom持久化到 localStorage / AsyncStorage 的 atom
QueryClientTanStack Query 的实例
Request Adapter@skyroc/service 的请求实现抽象(详见 Adapter Pattern
ServiceCodes业务错误码到动作的映射表
Singleflight同时刻只允许一个进行中的副本(用于 token 刷新去重)

UI / 主题

术语含义
OKLCH感知均匀色彩空间,本项目主题算法基础
Color Palette一个主色派生的 11 档色阶
Design Token设计系统的原子(颜色、字号、间距、圆角)
HSL 变量CSS 自定义属性,存的是 HSL 分量(兼容 antd 与 tailwind 4)
Materials@skyroc/materials,纯结构骨架组件
shadcn 风格Radix UI + Tailwind 的组件风格;@skyroc/web-ui 即此风格
Compose 组件@skyroc/web-ui-compose,基于 antd 的组合组件

TypeScript

术语含义
strict启用所有严格模式,全仓默认
noUncheckedIndexedAccess索引访问自动 | undefined
verbatimModuleSyntax强制 import type
Api namespace全局后端 API 类型
Router namespace全局路由 meta / key 类型
Theme namespace全局主题类型

路由

术语含义
TanStack Router类型安全的路由库;本项目用文件式路由
routeTree.gen.tsTanStack Router 自动生成的类型 / 路由树
Constant Routes不需要鉴权的常驻路由(login / 404 等)
Auth Routes鉴权后通过菜单动态注入的路由
Layout Route包裹页面的布局节点(AdminLayout / BlankLayout)

表单

术语含义
@skyroc/form类型安全的表单原语(packages/primitives/filed-form)
ChangeTagbitmask,精确订阅字段的某类变化
StandardSchema跨校验库的统一协议(zod / valibot 等)
Path 类型@skyroc/type-utils 派生的「嵌套字段访问路径」类型

文档

术语含义
Fumadocs本文档框架(Next.js + MDX)
meta.json同目录文档的导航顺序定义
mdxMarkdown + JSX,支持 <Card /> 等组件

缩略 / 命名

缩写全名
SASoybean Admin(仓库历史 scope)
CLICommand Line Interface,本仓库特指 sa 命令
HMRHot Module Replacement
SSRServer-Side Rendering
CSRClient-Side Rendering
CSS VarCSS Custom Property(--foo
OKLCHOklab Lightness-Chroma-Hue(一种感知均匀色彩空间)
RNReact Native
DTSTypeScript 声明文件(.d.ts

On this page