# faye-ui

> 自带仙气的常用组件

Latest version **0.0.19** (published 2023-04-10) · 0 weekly downloads

## Install

```sh
npm install faye-ui
pnpm add faye-ui
yarn add faye-ui
bun add faye-ui
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.19 |
| Published | 2023-04-10 |
| First published | 2021-10-20 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 73.4 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | sisterGo |
| Maintainers | faye-ui, lili0504 |
| Keywords | vue, faye-ui |

## Links

- npm: https://www.npmjs.com/package/faye-ui
- npm.io page: https://npm.io/package/faye-ui

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [vue-router](https://npm.io/package/vue-router.md) ^3.2.0

## Recent versions

- 0.0.19 (latest) — 2023-04-10
- 0.0.18 — 2022-07-02
- 0.0.17 — 2022-07-02
- 0.0.16 — 2022-07-02
- 0.0.15 — 2022-07-02
- 0.0.14 — 2022-06-29
- 0.0.13 — 2022-06-29
- 0.0.12 — 2022-06-07
- 0.0.11 — 2022-06-07
- 0.0.10 — 2022-06-07
- 0.0.9 — 2022-06-07
- 0.0.8 — 2022-06-07
- 0.0.7 — 2022-06-07
- 0.0.6 — 2022-06-07
- 0.0.5 — 2022-06-06
- … 5 more at https://npm.io/package/faye-ui/versions

## README

<!--
 * @Descripttion: 
 * @version: 1.0.0
 * @Author: LiuXin
 * @Date: 2021-10-19 22:11:35
 * @LastEditors: LiuXin
 * @LastEditTime: 2021-10-20 17:23:35
-->
# faye-ui

## 引用声明
> 感谢： faye-ui 框架架构借鉴开源的 Vant ui
## 快速上手
> 介绍 通过本文你可以了解到 faye 的安装方法和基本使用姿势。

## 安装
### 通过npm安装
```
  npm i faye-ui -S
```
### 通过yarn安装
```
  yarn add faye-ui
```
## 引入组件
### 方式一. 自动按需引入组件 (推荐)
babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。

```
# 安装插件
npm i babel-plugin-import -D
```
```
// 在.babelrc 中添加配置
// 注意：webpack 1 无需设置 libraryDirectory
{
  "plugins": [
    ["import", {
      "libraryName": "faye-ui",
      "camel2DashComponentName": false,
      "camel2UnderlineComponentName": false
    }]
  ]
}
```

```
// 接着你可以在代码中直接引入 faye-ui 组件
// 插件会自动将代码转化为方式二中的按需引入形式
import { Test } from 'faye-ui';
```
### 方式二 手动按需引入组件
在不使用插件的情况下，可以手动引入需要的组件。
```
import Test from 'faye-ui/lib/test';
```
### 方式三. 导入所有组件
faye-ui 支持一次性导入所有组件，引入所有组件会增加代码包体积，因此不推荐这种做法。
```
import Vue from 'vue';
import Faye from 'faye-ui';

Vue.use(Faye);
```

---
_Source: https://npm.io/package/faye-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._