ant design vue 安装引入, ant-design-vue 中文文档

发布网友发布时间：2024-09-17 08:58

共1个回答

热心网友时间：2024-09-28 01:35

Ant Design Vue 是一个基于 Vue 框架，遵循 Ant Design 设计规范的 UI 组件库，旨在为企业级中后台产品的开发提供高效、稳定的解决方案。

Ant Design Vue 官方提供中文文档：Ant-Design-Vue

项目在 GitHub 上的地址：Ant-Design-Vue

项目 Star 数：16.9k

微信交流群：前端攻城狮（点击加入）

Ant Design Vue 的特性包括：

- 基于企业级中后台产品的交互语言和视觉风格提炼而成。

- 提供开箱即用的高质量 Vue 组件。

- 与 Ant Design of React 共享设计工具体系。

Ant Design Vue 支持的环境包括：

- 现代浏览器，如需支持 IE9，请使用 1.x 版本。

- 支持服务端渲染。

- 支持 Electron。

Ant Design Vue 的版本信息：

稳定版：npm v3.2.10

您可以通过订阅 github.com/vueComponent... 来获得稳定版发布的通知。

安装 Ant Design Vue：

使用 npm 或 yarn 进行安装。

我们推荐使用 npm 或 yarn 进行开发，这样您不仅可以在开发环境轻松调试，还可以在生产环境打包部署，享受整个生态圈和工具链带来的诸多好处。

如果您的网络环境不佳，推荐使用 cnpm。

在浏览器中引入 Ant Design Vue：

使用 script 和 link 标签直接引入文件，并使用全局变量 antd。

在 npm 发布包的 ant-design-vue/dist 目录下，提供了 antd.js、antd.css、antd.min.js 和 antd.min.css 文件。

强烈不推荐使用已构建文件，因为这样无法按需加载，而且难以获得底层依赖模块的 bug 快速修复支持。

注意：在引入 antd.js 之前，您需要自行引入 dayjs。

示例：

引入样式：

Ant Design Vue 支持按需加载，以下两种方式都可以只加载用到的组件：

- 使用 babel-plugin-import（推荐）。

然后只需从 ant-design-vue 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。

- 手动引入

- Vite 按需

热心网友时间：2024-09-28 01:31