安装 & 快速上手

将介绍如何在项目中使用Zn组件库

安装

npm 安装

推荐使用npm进行安装，可以更好的和webpack等打包工具配合使用。

npm install zn-components --save

也可以使用pnpm

pnpm install zn-components --save

CDN安装

可以通过CDN引入Zn组件库，直接在HTML文件中引入即可。

<link rel="stylesheet" href="https://ftp.zznzzn.xin/zn-components/latest/zn-ui.min.css">
<script src="https://ftp.zznzzn.xin/zn-components/latest/zn-ui.min.js"></script>

完整的代码包下载

完整的代码包 (opens new window)

快速上手

可以引入整个ZnComponents库，也可以只引入需要的组件。

引入整个库

可以在main.js中写入以下内容

import ZnComponents from 'zn-components'
import "zn-components/dist/zn-ui.min.css"

Vue.use(ZnComponents)

引入部分库

如果只需要引入部分组件，可以在main.js中写入以下内容

import { ZnDictLabel, ZnMoneyLabel } from 'zn-components'
import "zn-components/dist/zn-ui.min.css"

Vue.component('zn-dict-label', ZnDictLabel)
Vue.component('zn-money-label', ZnMoneyLabel)