# @dativa-lv/lx-ui 中文文档
规范地址：https://npmcn.com/package/%40dativa-lv/lx-ui/
版本：2\.3\.12
npm 元数据更新时间：2026-11-05T13:25:49.195Z
中文译文更新时间：2026-11-11T18:10:18.872Z
软件包许可：MIT
本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。
原始 npm 页面：https://www.npmjs.com/package/%40dativa-lv/lx-ui
原文对照：https://npmcn.com/package/%40dativa-lv/lx-ui/?lang=original
项目主页：https://lx-ui.dev/
源码仓库：https://github.com/dativa-lv/lx-ui
## 关键信息（来自 npm 元数据）
- 包体积（解压后）：87.9 MB，2237 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：38 个
- peer 依赖：vue ^3\.5\.17
- 首次发布：2026-01-22T14:18:48.091Z
- 最新版本发布：2026-11-05T13:25:48.992Z
- 近 30 天下载量：5662（2026-10-12 至 2026-11-10，npm 官方下载统计）
- 已发布版本数：49（近 12 个月 49 个）
## 中文简介
LX/UI 数据
## 安装
```sh
npm install @dativa-lv/lx-ui
```
也可以使用：`pnpm add @dativa-lv/lx-ui`、`yarn add @dativa-lv/lx-ui`、`bun add @dativa-lv/lx-ui`
## README
# 单位/单位
强大而灵活 **第3节** 组件和组件 **香草CSS( 香草CSS)** 样式库,最初为各种企业应用程序所开发.
专注于商业逻辑,而不是锅炉板.
  
  
## 到处玩
看看我们 [德莫语](https://lx-ui.dev/) 财务报告和审定财务报表 [i️ 组件列表](https://github.com/dativa-lv/lx-ui/blob/main/docs/Components.md) 现场演示沙盒.
## 读取文件
- [i️ 设计托肯斯](https://github.com/dativa-lv/lx-ui/blob/main/docs/DesignTokens.md)
- [i️ CSS Bundling (英语)](https://github.com/dativa-lv/lx-ui/blob/main/docs/BUNDLES.md)
- [(一) 行动定义](https://github.com/dativa-lv/lx-ui/blob/main/docs/ActionDefinitions.md)
- [iQQ 进步网络应用](https://github.com/dativa-lv/lx-ui/blob/main/docs/PWA.md)
- [iQQ 组件预装](https://github.com/dativa-lv/lx-ui/blob/main/docs/ComponentPreload.md)
- [i️ 库预装](https://github.com/dativa-lv/lx-ui/blob/main/docs/LibraryLoader.md)
- [iQQ Shell 自定义模式](https://github.com/dativa-lv/lx-ui/blob/main/docs/ShellCustomMode.md)
- [iQQ 创建 LX 插件](https://github.com/dativa-lv/lx-ui/blob/main/docs/CreateLx.md)
- [i️ 指令](https://github.com/dativa-lv/lx-ui/blob/main/docs/Directives.md)
- [\* 表单](https://lx-ui.dev/resources/forms)
- [QQ 颜色](https://lx-ui.dev/resources/colors)
- [图标](https://lx-ui.dev/resources/icons)
- [· 乌蒂尔斯](https://lx-ui.dev/resources/utility/stringUtils)
## 获取
使用包子 :
```bash
bun add '@dativa-lv/lx-ui@latest'
```
使用 pnpm :
```bash
pnpm i '@dativa-lv/lx-ui@latest'
```
对于迁移提示参考 [i️ 移徙指南](https://github.com/dativa-lv/lx-ui/blob/main/MIGRATION.md)
## 使用
用 Pinia 存储安装 :
```js
import { createPinia } from 'pinia';
import { createLx } from '@dativa-lv/lx-ui';
import App from '@/App.vue';
…
const myApp = createApp(App);
myApp.use(createPinia());
myApp.use(createLx());
…
```
确保导入一个合适的 [CSS 捆绑](https://github.com/dativa-lv/lx-ui/blob/main/docs/BUNDLES.md) 主条目文件中的 `main.js`数字 :
```js
import '@dativa-lv/lx-ui/dist/bundles/lx-bt-demo.css';
```
LX/UI 样式仅适用于具有下列特性的元素: `.lx` 课。 通常,这应该是应用程序根元素 :
```
```
一个也可以将LX嵌入另一个应用程序,将其包入一个 `.lx` 元素
```
```
使用组件的最方便方法是在LxShell内部使用:
```vue
```
## 扩展
- [lx/建造者](https://www.npmjs.com/package/@dativa-lv/lx-builders) - 配套图书馆,内有用于视图、表格等的申报设计工具.
## 开发
```bash
bun install
bun run dev
```
更多信息,请访问 [i️ 开发手册](https://github.com/dativa-lv/lx-ui/blob/main/DEVELOPMENT.md)
### 虚拟插件
LX/UI现在包括了几个Vite插件来增强您的开发经验和应用程序安全性. 这些插件的设计是为了与您的基于Vite的项目无缝地融合.
关于现有插件及其使用情况的详细资料,请参见我们 [iQQ 虚拟插件文档](https://github.com/dativa-lv/lx-ui/blob/main/docs/VITE_PLUGINS.md)。 。 。 .
## 常见问题
### @dativa-lv/lx-ui 是什么？
LX/UI 数据
### 如何安装 @dativa-lv/lx-ui？
在项目目录运行 npm install @dativa-lv/lx-ui，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：vue（^3\.5\.17）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
### @dativa-lv/lx-ui 支持 TypeScript 吗？
支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
### @dativa-lv/lx-ui 支持 ESM 还是 CommonJS？
同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。
### @dativa-lv/lx-ui 可以商用吗？
@dativa-lv/lx-ui 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
### @dativa-lv/lx-ui 的下载量有多少？
根据 npm 官方下载统计，@dativa-lv/lx-ui 在 2026/10/12 – 2026/11/10 这 30 天内被下载 5,662 次，日均约 189 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
### @dativa-lv/lx-ui 还在维护吗？
最新版本 2\.3\.12 发布于 2026/11/05（6 天前）；至今共发布 49 个版本，其中过去 12 个月发布了 49 个；首次发布于 2026/01/22。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。