# @coreui/coreui 中文文档 规范地址：https://npmcn.com/package/%40coreui/coreui/ 版本：5\.9\.1 npm 元数据更新时间：2026-10-04T16:15:47.681Z 中文译文更新时间：2026-11-10T19:17:58.219Z 软件包许可：MIT 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40coreui/coreui 原文对照：https://npmcn.com/package/%40coreui/coreui/?lang=original 项目主页：https://coreui.io/ 源码仓库：https://github.com/coreui/coreui ## 关键信息（来自 npm 元数据） - 包体积（解压后）：22 MB，352 个文件 - 模块格式：ESM + CJS - TypeScript 类型：未声明 - 运行依赖：0 个 - peer 依赖：@popperjs/core ^2\.11\.8 - 首次发布：2018-03-29T20:39:36.085Z - 最新版本发布：2026-10-04T16:15:47.275Z - 近 30 天下载量：710027（2026-10-11 至 2026-11-09，npm 官方下载统计） - 已发布版本数：151（近 12 个月 8 个） ## 中文简介 CoreUI 团队重写和维护的网络上最受欢迎的开发响应性移动第一项目前端框架 ## 安装 ```sh npm install @coreui/coreui ``` 也可以使用：`pnpm add @coreui/coreui`、`yarn add @coreui/coreui`、`bun add @coreui/coreui` ## README [![CoreUI logo](https://coreui.io/images/brand/coreui-signet.svg)](https://coreui.io/) ### 核心UI 基于 Bootstrap 5 的高级 UI 库 — CoreUI 扩展了 Bootstrap 的 Pro 组件, 以及用于 React, Angular, Vue 等的即用管理员模板 . [**探索 CoreUI 文件**](https://coreui.io/bootstrap/docs/) [报告错误](https://github.com/coreui/coreui/issues/new?template=bug_report.md) • 妇女 [请求特性](https://github.com/coreui/coreui/issues/new?template=feature_request.md) • 妇女 [博客](https://coreui.io/blog/) ## CoreUI 对 Botstrap 游戏 CoreUI与Bootstrap完全兼容,但它不仅仅是一个主题或UI扩展——它是一个专业开发和维护的系统,它能单独解决Bootstrap面对的许多限制. **CoreUI 和 Bootstrap 之间的关键差异 :** - ✅ **框架内在版本** - CoreUI提供官方图书馆 [反应.js](https://coreui.io/react/), (中文(简体) ), [Vue.js (英语)](https://coreui.io/vue/),以及 [角质](https://coreui.io/angular/),而Bootstrap则依赖于第三方社区插件进行框架整合. - 👨‍💻 **专职项目** – CoreUI并不是一个只面向社区的举措. 由专注的全职团队开发. - 📦 **更多内置组件** – CoreUI 包含许多默认没有在 Bootstrap 中存在的组件,例如范围滑动器,多选取器,和以步骤为基础的窗体向导. - 🛠️ **今天支持 Sass 模块** – CoreUI 已经支持 Sass Modules出框了,这是Bootstrap计划引入第6版的功能. - 🌍 **现代RTL/LTR支持** – CoreUI使用CSS逻辑属性为多语种和国际化的应用程序提供无缝的RTL和LTR布局支持. - 🔒 **长期支助** - 尽管Bootstrap 3 & 4 LTS现在是通过 [英雄们](https://www.herodevs.com/support/nes-bootstrap?utm_source=Bootstrap_site&utm_medium=Banner&utm_campaign=v3and4_eol),CoreUI继续提供长期支持,不增加费用. CoreUI为您提供了一条强大的升级路径, 具有更多的特性, 框架约束, 以及长期维持的心灵安宁. ## 目录 - [目录](https://npmcn.com/package/%40coreui/coreui/#readme-table-of-contents) - [快开始](https://npmcn.com/package/%40coreui/coreui/#readme-quick-start) - [构成部分](https://npmcn.com/package/%40coreui/coreui/#readme-components) - [状态](https://npmcn.com/package/%40coreui/coreui/#readme-status) - [包括什么](https://npmcn.com/package/%40coreui/coreui/#readme-whats-included) - [错误和特性请求](https://npmcn.com/package/%40coreui/coreui/#readme-bugs-and-feature-requests) - [文档](https://npmcn.com/package/%40coreui/coreui/#readme-documentation) - [框架](https://npmcn.com/package/%40coreui/coreui/#readme-frameworks) - [模板](https://npmcn.com/package/%40coreui/coreui/#readme-templates) - [模板](https://npmcn.com/package/%40coreui/coreui/#readme-boilerplates) - [数据网格](https://npmcn.com/package/%40coreui/coreui/#readme-data-grid) - [调度器](https://npmcn.com/package/%40coreui/coreui/#readme-scheduler) - [捐款](https://npmcn.com/package/%40coreui/coreui/#readme-contributing) - [社区](https://npmcn.com/package/%40coreui/coreui/#readme-community) - [版本](https://npmcn.com/package/%40coreui/coreui/#readme-versioning) - [创建者](https://npmcn.com/package/%40coreui/coreui/#readme-creators) - [谢谢](https://npmcn.com/package/%40coreui/coreui/#readme-thanks) - [支持核心UI开发](https://npmcn.com/package/%40coreui/coreui/#readme-support-coreui-development) - [版权和许可证](https://npmcn.com/package/%40coreui/coreui/#readme-copyright-and-license) ## 快开始 有几个快速启动选项: - [下载最新版本](https://github.com/coreui/coreui/archive/v5.9.1.zip) - 克隆还原器 : `git clone https://github.com/coreui/coreui.git` - 安装方式 [无](https://www.npmjs.com/)数字 : `npm install @coreui/coreui` - 安装方式 [线条](https://yarnpkg.com/)数字 : `yarn add @coreui/coreui` - 安装方式 [作曲家](https://getcomposer.org/)数字 : `composer require coreui/coreui:5.9.1` 读取 [正在启动页面](https://coreui.io/docs/getting-started/introduction/) 用于提供框架内容、模板和实例等方面的信息. ## 构成部分 - [鞋带](https://coreui.io/bootstrap/docs/components/accordion/) - [诱饵警告](https://coreui.io/bootstrap/docs/components/alert/) - [自动补全](https://coreui.io/bootstrap/docs/forms/autocomplete/) **支持** - [靴子陷阱神通](https://coreui.io/bootstrap/docs/components/avatar/) - [鞋带徽章](https://coreui.io/bootstrap/docs/components/badge/) - [靴子夹面包屑b](https://coreui.io/bootstrap/docs/components/breadcrumb/) - [启动按钮](https://coreui.io/bootstrap/docs/components/button/) - [启动按钮组](https://coreui.io/bootstrap/docs/components/button-group/) - [靴子标签](https://coreui.io/bootstrap/docs/components/callout/) - [鞋带卡](https://coreui.io/bootstrap/docs/components/card/) - [靴子卡罗塞尔](https://coreui.io/bootstrap/docs/components/carousel/) - [鞋带芯片](https://coreui.io/bootstrap/docs/components/chip/) - [启动芯片输入](https://coreui.io/bootstrap/docs/forms/chip-input/) - [首饰芯片集](https://coreui.io/bootstrap/docs/components/chip-set/) - [靴子陷阱检查框](https://coreui.io/bootstrap/docs/forms/checkbox/) - [密钥](https://coreui.io/bootstrap/docs/components/close-button/) - [拖曳日历](https://coreui.io/bootstrap/docs/components/calendar/) **支持** - [靴子折叠](https://coreui.io/bootstrap/docs/components/collapse/) - [诱饵约会拾取器](https://coreui.io/bootstrap/docs/forms/date-picker/) **支持** - [拖曳日期范围拾取器](https://coreui.io/bootstrap/docs/forms/date-range-picker/) **支持** - [脱落](https://coreui.io/bootstrap/docs/components/dropdown/) - [浮标](https://coreui.io/bootstrap/docs/forms/floating-labels/) - [靴脚](https://coreui.io/bootstrap/docs/components/footer/) - [靴子夹头](https://coreui.io/bootstrap/docs/components/header/) - [Bootstrap 图像](https://coreui.io/bootstrap/docs/components/image/) - [启动陷阱输入](https://coreui.io/bootstrap/docs/forms/input/) - [Fotstrap 输入组](https://coreui.io/bootstrap/docs/forms/input-group/) - [靴子列表组](https://coreui.io/bootstrap/docs/components/list-group/) - [装入按钮](https://coreui.io/bootstrap/docs/components/loading-button/) **支持** - [靴子陷阱 Modal](https://coreui.io/bootstrap/docs/components/modal/) - [启动多选择](https://coreui.io/bootstrap/docs/forms/multi-select/) **支持** - [拖放导航和标签](https://coreui.io/bootstrap/docs/components/navs-tabs/) - [靴子陷阱导航栏](https://coreui.io/bootstrap/docs/components/navbar/) - [脱口秀](https://coreui.io/bootstrap/docs/components/offcanvas/) - [靴子夹](https://coreui.io/bootstrap/docs/components/pagination/) - [启动陷阱密码输入](https://coreui.io/bootstrap/docs/forms/password-input/) **支持** - [靴子陷阱占位符](https://coreui.io/bootstrap/docs/components/placeholder/) - [跳跃](https://coreui.io/bootstrap/docs/components/popover/) - [启动进度](https://coreui.io/bootstrap/docs/components/progress/) - [Bootstrap 电台](https://coreui.io/bootstrap/docs/forms/radio/) - [启动范围](https://coreui.io/bootstrap/docs/forms/range/) - [拖放范围滑动器](https://coreui.io/bootstrap/docs/forms/range-slider/) **支持** - [鞋带评分](https://coreui.io/bootstrap/docs/forms/rating/) **支持** - [启动陷阱选择](https://coreui.io/bootstrap/docs/forms/select/) - [靴子夹侧边栏](https://coreui.io/bootstrap/docs/components/sidebar/) - [启动陷阱搜索按钮](https://coreui.io/bootstrap/docs/components/search-button/) - [旋转自旋器](https://coreui.io/bootstrap/docs/components/spinner/) - [脚步步器](https://coreui.io/bootstrap/docs/forms/stepper/) **支持** - [启动陷阱切换](https://coreui.io/bootstrap/docs/forms/switch/) - [拖曳表](https://coreui.io/bootstrap/docs/content/tables/) - [启动文本区域](https://coreui.io/bootstrap/docs/forms/textarea/) - [拖曳时间拾取器](https://coreui.io/bootstrap/docs/forms/time-picker/) **支持** - [诱饵](https://coreui.io/bootstrap/docs/components/toast/) - [启动工具提示](https://coreui.io/bootstrap/docs/components/tooltip/) ## 状态 [![Build Status](https://github.com/coreui/coreui/workflows/JS%20Tests/badge.svg?branch=main)](https://github.com/coreui/coreui/actions?query=workflow%3AJS+Tests+branch%3Amain) [![npm version](https://img.shields.io/npm/v/@coreui/coreui)](https://www.npmjs.com/package/@coreui/coreui) [![Packagist Prerelease](https://img.shields.io/packagist/vpre/coreui/coreui)](https://packagist.org/packages/coreui/coreui) [![Coverage Status](https://img.shields.io/coveralls/github/coreui/coreui/main)](https://coveralls.io/github/coreui/coreui?branch=main) [![CSS gzip size](https://img.badgesize.io/coreui/coreui/main/dist/css/coreui.min.css?compression=gzip&label=CSS%20gzip%20size)](https://github.com/coreui/coreui/blob/main/dist/css/coreui.min.css) [![CSS Brotli size](https://img.badgesize.io/coreui/coreui/main/dist/css/coreui.min.css?compression=brotli&label=CSS%20Brotli%20size)](https://github.com/coreui/coreui/blob/main/dist/css/coreui.min.css) [![JS gzip size](https://img.badgesize.io/coreui/coreui/main/dist/js/coreui.min.js?compression=gzip&label=JS%20gzip%20size)](https://github.com/coreui/coreui/blob/main/dist/js/coreui.min.js) [![JS Brotli size](https://img.badgesize.io/coreui/coreui/main/dist/js/coreui.min.js?compression=brotli&label=JS%20Brotli%20size)](https://github.com/coreui/coreui/blob/main/dist/js/coreui.min.js) ## 包括什么 在下载中,你会找到以下目录和文件,逻辑上将共同资产分组,并同时提供被编译和修改的变体. 你会看到这样的东西: ```text coreui/ ├── css/ │ ├── coreui-grid.css │ ├── coreui-grid.css.map │ ├── coreui-grid.min.css │ ├── coreui-grid.min.css.map │ ├── coreui-grid.rtl.css │ ├── coreui-grid.rtl.css.map │ ├── coreui-grid.rtl.min.css │ ├── coreui-grid.rtl.min.css.map │ ├── coreui-reboot.css │ ├── coreui-reboot.css.map │ ├── coreui-reboot.min.css │ ├── coreui-reboot.min.css.map │ ├── coreui-reboot.rtl.css │ ├── coreui-reboot.rtl.css.map │ ├── coreui-reboot.rtl.min.css │ ├── coreui-reboot.rtl.min.css.map │ ├── coreui-utilities.css │ ├── coreui-utilities.css.map │ ├── coreui-utilities.min.css │ ├── coreui-utilities.min.css.map │ ├── coreui-utilities.rtl.css │ ├── coreui-utilities.rtl.css.map │ ├── coreui-utilities.rtl.min.css │ ├── coreui-utilities.rtl.min.css.map │ ├── coreui.css │ ├── coreui.css.map │ ├── coreui.min.css │ ├── coreui.min.css.map │ ├── coreui.rtl.css │ ├── coreui.rtl.css.map │ ├── coreui.rtl.min.css │ └── coreui.rtl.min.css.map └── js/ ├── coreui.bundle.js ├── coreui.bundle.js.map ├── coreui.bundle.min.js ├── coreui.bundle.min.js.map ├── coreui.esm.js ├── coreui.esm.js.map ├── coreui.esm.min.js ├── coreui.esm.min.js.map ├── coreui.js ├── coreui.js.map ├── coreui.min.js └── coreui.min.js.map ``` 我们提供汇编的CSS和联署材料`coreui.*`以及汇编和修改的CSS和联署材料`coreui.min.*`) (中文(简体) ). [源地图](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps) (单位:千美元)`coreui.*.map`)可用以某些浏览器的开发工具. 联合来文档案`coreui.bundle.js` 并修改 `coreui.bundle.min.js`包括 [弹出器](https://popper.js.org/)。 。 。 . ## 错误和特性请求 有错误或特性请求吗? 请先读一下 [问题指南](https://github.com/coreui/coreui/blob/main/.github/CONTRIBUTING.md#using-the-issue-tracker) 并寻找现有和已解决的问题。 如果你的问题或想法还没有解决, [请开一期](https://github.com/coreui/coreui/issues/new)。 。 。 . ## 文档 CoreUI & CoreUI PRO的文件由我们的网站托管 [核心UI](https://coreui.io/bootstrap/docs/getting-started/introduction/) ### 正在本地运行文档 1. 运行 `npm install` 用于安装Node.js依赖,包括Hugo(站点建造者). 2. 运行 `npm run test` (或特定 npm 脚本) 重建已分发的 CSS 和 JavaScript 文件, 以及我们的文件库 . 3. 从根起 `/coreui` 目录, 运行 `npm run docs-serve` 在命令行中. 4. 打开 `http://localhost:9001/` 在你的浏览器里, 和voilà. 学习如何用雨果读取它 [文档](https://gohugo.io/documentation/)。 。 。 . ## 框架 CoreUI支持最受欢迎的框架. - [Angular 的核心UI](https://github.com/coreui/coreui-angular) - [CoreUI for Bootstrap (瓦努阿图联署材料)](https://github.com/coreui/coreui) - [反应的 CoreUI](https://github.com/coreui/coreui-react) - [用于 Vue 的 CoreUI](https://github.com/coreui/coreui-vue) ## 模板 根据 CoreUI 为您的应用程序设置了功能齐全的外框模板 . - [角管理模板](https://coreui.io/themes-templates/admin-dashboard/angular/) - [Bootstrap 管理员模板](https://coreui.io/themes-templates/admin-dashboard/bootstrap/) - [Next.js 管理模板](https://coreui.io/themes-templates/admin-dashboard/next-js/) - [反应管理模板](https://coreui.io/themes-templates/admin-dashboard/react/) - [Vue 管理模板](https://coreui.io/themes-templates/admin-dashboard/vue/) ## 锅炉板 - [内部工具的 AI- Native Next.js Boilerplate](https://coreui.io/product/next-js-boilerplate/) ## 数据网格 CoreUI JavaScript Data Grid 处理10万+行,并进行排序,过滤,虚拟化,列针化,内线编辑和CSV导出——使用你已经使用的相同的标记和样式表. ```bash npm install @coreui/data-grid ``` 一个许可证还涵盖React,Vue和Angular. 这是单独的加法,不是CoreUI PRO的一部分. - [JavaScript 数据格](https://coreui.io/data-grid/javascript/?src=readme-coreui) - [文档](https://coreui.io/data-grid/docs/getting-started/introduction/?src=readme-coreui) ## 调度器 CoreUI JavaScript 调度器 将六个视图——日,周,月,议程,资源,以及时间轴 拖放,RFC 5545 重现,以及 DST 安全时间处理,使用你已经使用的相同的标记和样式表. ```bash npm install @coreui/scheduler ``` 一个许可证还涵盖React,Vue和Angular. 这是单独的加法,不是CoreUI PRO的一部分. - [Java 脚本调度器](https://coreui.io/scheduler/javascript/?src=readme-coreui) - [文档](https://coreui.io/scheduler/docs/getting-started/introduction/?src=readme-coreui) ## 捐款 请读读我们的 [提供指南](https://github.com/coreui/coreui/blob/main/.github/CONTRIBUTING.md)其中包括开发问题的方向、编码标准和关于发展的说明. 编辑器首选项在 [编辑器配置](https://github.com/coreui/coreui/blob/main/.editorconfig) 以方便在普通文本编辑器中使用。 更多阅读和下载插件 [https://editorconfig.org/ (中文(简体) )](https://editorconfig.org/)。 。 。 . ## 社区 随时了解CoreUI的发展情况,利用这些有用资源与社区联系. - 阅读和订阅 [官方 CoreUI 博客](https://coreui.io/blog)。 。 。 . - 跟随 [@core ui 在推特上](https://x.com/core_ui)。 。 。 . - 讨论、提问和更多关于 [社区迪斯科尔](https://discord.gg/pQRWe5XdGm)。 。 。 . ## 版本 为了提高发布周期的透明度并努力保持后向相容性,CoreUI被保留在 [语义版准则](http://semver.org/)。 。 。 . 见 [我们的项目的释放部分](https://github.com/coreui/coreui/releases) 每个发行版本的更改日志. ## 创建者 **库克什·霍雷克** - [https://twitter.com/lukaszholeczek 页面存档备份,存于互联网档案馆](https://twitter.com/lukaszholeczek) - [https://github.com/mrholek 页面存档备份,存于互联网档案馆](https://github.com/mrholek) **安杰伊·科潘斯基** - [https://github.com/xidedix (中文(简体) )](https://github.com/xidedix) **CoreUI 团队** - [https://twitter.com/core ui (英语)](https://twitter.com/core_ui) - [https://github.com/coreui 页面存档备份,存于互联网档案馆](https://github.com/coreui) - [https://github.com/orgs/coreui/people (中文(简体) )](https://github.com/orgs/coreui/people) ## 谢谢 CoreUI 设计为 [诱饵](https://getbootstrap.com/)。特别感谢 [靴子队](https://getbootstrap.com/docs/5.0/about/team/) 财务报告和审定财务报表 [靴子陷阱的贡献者](https://github.com/twbs/bootstrap/graphs/contributors)。 。 。 . ## 支持核心UI开发 CoreUI是一个麻省理工学院许可的开源项目,完全可以自由使用. 然而,如果没有适当的财政支助,维持和开发项目新特点所需的努力是不可持续的。 您可以通过购买支持开发 [CoreUI Pro 软件公司](https://coreui.io/pricing/?framework=bootstrap&src=github-coreui) 或经由下列途径成为提案国: [开放集体](https://opencollective.com/coreui/)。 。 。 . ## 版权和许可证 版权2026年创作"Labs"-"ukasz Holeczek". 代码根据 [MIT 许可证](https://github.com/coreui/coreui/blob/main/LICENSE)。根据 [创意常识](https://creativecommons.org/licenses/by/3.0/)。 。 。 . ## 常见问题 ### @coreui/coreui 是什么？ CoreUI 团队重写和维护的网络上最受欢迎的开发响应性移动第一项目前端框架 ### 如何安装 @coreui/coreui？ 在项目目录运行 npm install @coreui/coreui，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@popperjs/core（^2\.11\.8）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。 ### @coreui/coreui 支持 TypeScript 吗？ 该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/coreui\_\_coreui 是否存在。 ### @coreui/coreui 支持 ESM 还是 CommonJS？ 同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。 ### @coreui/coreui 可以商用吗？ @coreui/coreui 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。 ### @coreui/coreui 的下载量有多少？ 根据 npm 官方下载统计，@coreui/coreui 在 2026/10/11 – 2026/11/09 这 30 天内被下载 710,027 次，日均约 23,668 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @coreui/coreui 还在维护吗？ 最新版本 5\.9\.1 发布于 2026/10/05（1 个月前）；至今共发布 151 个版本，其中过去 12 个月发布了 8 个；首次发布于 2018/03/30。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。