MDB 5 Pro安装指南

手动安装(zip包)

第1步

从订单中下载软件包

第2步

解压下载的软件包并在代码编辑器中将其打开

第三步

浏览我们的文档(左侧菜单)。选择您要的组件 例如,将其复制到您的项目中并组成您的网站。是的,这是 这么简单!


MDB CLI

观看我们的快速入门教程,以发现并使用 MDB 5和MDB CLI的全部潜力

观看MDB快速入门

NPM

先决条件

在开始项目之前,请确保安装 节点LTS (12.x.x 推荐)并生成gitlab访问令牌

安装

要在您的项目中安装MDB UI KIT,请在 终奌站。在开始安装之前,请记住交换访问令牌。
npm i git+https://oauth2:ACCESS_TOKEN@git.mdbootstrap.com/mdb/standard/mdb-ui-kit-pro-essential

导入JS模块

您可以导入整个库或仅导入单个模块:
import * as mdb from 'mdb-ui-kit'; // lib
import { Input } from 'mdb-ui-kit'; //模块

导入CSS文件

要导入MDB样式表,请使用以下语法:
@import '~mdb-ui-kit/css/mdb.min.css';

导入SCSS模块

您也可以导入单个SCSS模块。为了做到这一点,我们 建议从node_modules / mdb-ui-kit / src / scss位置复制它们 直接导入到您的项目中,并以与CSS文件相同的方式导入。

Webpack集成

您可以大大加快创建基于新项目的过程 在Webpack上使用我们的入门工具。

MDB Webpack入门