## 安装

### NPM

```shell
npm install fs-ui -S
```

### YARN

```shell
 yarn add fs-ui
```

## 引入组件

### 方式一. 使用 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) (推荐)

`babel-plugin-import` 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式

```bash
# 安装 babel-plugin-import 插件
npm i babel-plugin-import -D
```

```js
// .babelrc
{
  "plugins": [
    ["import", {
      "libraryName": "fs-ui",
      "libraryDirectory": "lib",
      "style": true
    }]
  ]
}

// 对于使用 babel7 的用户，可以在 babel.config.js 中配置
  module.exports = {
    plugins: [
      ['import', {
        libraryName: 'fs-ui',
        libraryDirectory: 'lib',
        style: true
      }, 'fs-ui']
    ]
  };
```

接着你可以在代码中直接引入 FS-UI 组件使用

```js
import { Button, Cell } from 'fs-ui'
```

### 方式二. 导入所有组件

```js
import Vue from 'vue'
import fsUI from 'fs-ui'
import 'fs-ui/lib/fsui-style/index.css'

Vue.use(fsUI);
```
## Links

* [Documentation](https://firstshow.github.io/fs-ui-docs/)
* [fs-ui Demo](https://firstshow.github.io/fs-ui-docs/mobile)

## LICENSE

[MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89)
---

<!-- ## Preview -->

<!-- You can scan the following QR code to access the demo： -->

<!-- <img src="https://img.yzcdn.cn/vant/preview_qrcode_20180528.png" width="220" height="220" > -->

<!-- ## Wechat Group -->

<!-- Scan the qrcode to join our wechat discussion group, please note that you want to join Vant discussion group. -->

<!-- <img src="https://img.yzcdn.cn/vant/wechat_20180606.png" width="220" height="292" > -->