如果你是一位前端开发者，那么你一定十分熟悉 npm（Node.js 包管理器），它是前端开发中不可或缺的工具之一。在 npm 的庞大源码库中有很多优秀的第三方包，今天我们来介绍其中之一——zhdsh。
简介
zhdsh 是一个基于 Vue.js 的 UI 组件库，致力于提供高质量的 UI 组件和丰富的功能。
安装
要在你的项目中使用 zhdsh，先要确保你已经安装了 npm：
$ npm install npm -g
安装完成后，你可以使用下面的命令安装 zhdsh：
$ npm install zhdsh --save
使用
在你的 Vue.js 应用程序中引入 zhdsh：
import Vue from 'vue' import Zhdsh from 'zhdsh' Vue.use(Zhdsh)
这将在你的应用程序中注册 zhdsh 的所有组件并向 Vue 的原型中注入一个 $zhdsh 对象。现在，你可以在你的代码中使用任何 zhdsh 组件了。
<template>
<div>
<zhdsh-button type="primary">Hello World!</zhdsh-button>
</div>
</template>现在你应该已经可以看到一个蓝色的按钮，上面写着 “Hello World!”。
示例代码
下面是一个完整的示例代码，该示例中使用了 zhdsh 的按钮和弹框组件：
-- -------------------- ---- -------
----------
-----
------------- -------------- ---------------------------------------
------------- ----------------------- -----------
--------------
------------- ---------
---------------
------
-----------
--------
------ ------- -
------ -
------ -
-------------- -----
-
--
-------- -
------------ -
------------------ - ----
-
-
-
---------总结
zhdsh 是一个非常实用的 UI 组件库，它包含了许多常用的前端组件，比如按钮、弹框、表格等等。通过本文的教程，你应该已经知道如何在你的项目中使用 zhdsh 了。希望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005725681e8991b448e86bc
