Skip to content

安装与包地址 ​

包列表 ​

在线文档:Lumal 文档

包名本地路径文档npm 地址
@lumal/corepackages/core/packages/corehttps://www.npmjs.com/package/@lumal/core
@lumal/iconspackages/icons/packages/icons同上规则
@lumal/icons-vuepackages/icons-vue/packages/icons-vue同上
@lumal/chartspackages/charts/packages/charts同上
@lumal/datavpackages/datav/packages/datav同上
@lumal/cockpitpackages/cockpit/packages/cockpit同上
@lumal/vitepackages/vite/packages/vite同上
@lumal/vben-compatpackages/vben-compat/packages/vben-compat同上
create-lumal-adminpackages/create-lumal-admin/packages/create-lumal-admin同上

npm 安装 ​

九个公共包已发布 0.0.4-beta,npm 的 beta 标签指向本版,latest 未改动。以下命令显式指定版本,并保持所有 Lumal 包同版。

bash
pnpm add @lumal/core@0.0.4-beta @lumal/icons@0.0.4-beta @lumal/icons-vue@0.0.4-beta vue@^3.5 vue-router@^4.5 element-plus@^2.11 @iconify/vue@^5
pnpm add @lumal/charts@0.0.4-beta echarts@^6 vue-echarts@^8   # 可选
pnpm add @lumal/datav@0.0.4-beta echarts@^6                  # 可选
pnpm add @lumal/cockpit@0.0.4-beta                           # 可选
pnpm add -D @lumal/vite@0.0.4-beta
pnpm add @lumal/vben-compat@0.0.4-beta                       # 迁移

Pinia 是可选 peer;使用 createPinia() 时另装 pinia@^3.0.3,框架不会自动创建 Store。图表不再兼容 ECharts 5 / vue-echarts 7;默认主题与布局迁移注意事项见 更新日志。

只使用 @lumal/core/minimal 或 request 等纯服务子入口时,只需安装 Core 和 Vue,无需 Element Plus;消费 UI、图标或 Router 子入口时再安装对应 peer。脚手架本身是带 Element Plus 的后台基座。

本地 monorepo ​

json
{
  "dependencies": {
    "@lumal/core": "workspace:*",
    "@lumal/icons": "workspace:*",
    "@lumal/icons-vue": "workspace:*"
  }
}

外部项目 file 依赖 ​

bash
pnpm add @lumal/core@file:../lumal/packages/core

使用前在 monorepo 根目录 pnpm build。

环境变量(文档构建) ​

变量含义默认
LUMAL_DOCS_URL文档站根https://lumal.cuteyuchen.top
LUMAL_ADMIN_DEMO_URLAdmin 演示https://lumal-admin.cuteyuchen.top
LUMAL_COCKPIT_DEMO_URL驾驶舱演示https://lumal-cockpit.cuteyuchen.top
LUMAL_DATAV_GUIDE_URLDataV 指南https://lumal-datav.cuteyuchen.top
LUMAL_VBEN_COMPAT_DEMO_URLVben 兼容示例https://lumal-compat.cuteyuchen.top
LUMAL_GITHUB_URL仓库https://github.com/cuteyuchen/lumal
LUMAL_NPM_*各包 npm 页对应的 npm 正式包页面

配置文件:apps/lumal-docs/src/.vitepress/config/links.ts。环境变量会去除首尾空白,空值使用上述默认地址。自定义域名已绑定到现有 Vercel 项目,Cloudflare 仅负责 DNS 解析,不使用 Pages 部署。

Peer 依赖摘要 ​

以下范围与已发布包的 peerDependencies 一致;按实际使用的入口安装,不必为了纯服务入口安装全部 UI peer。

依赖兼容范围使用场景
vue^3.5.0Core、Vue 图标、Charts、DataV、Cockpit、兼容层
vue-router^4.5.0Core 路由与布局接入,可选 peer
element-plus^2.11.0Core / Cockpit UI;Core 中为可选 peer
pinia^3.0.3应用显式接入 Pinia,Core 可选 peer
@iconify/vue^5.0.0Vue 图标适配
echarts^6.0.0Charts / DataV 图表
vue-echarts^8.0.0Charts
morphicons2.0.0纯图标包 /morph 的可选 peer;静态图标无需单独安装

包内运行时依赖由包管理器安装;例如 DataV 的 @jiaminghi/charts 不需要消费方重复声明。公开入口和样式接线见各 包文档。

基于 MIT 许可发布 · Vue 3 · TypeScript · Vite · Element Plus