# vue-src
为 vue3+ 开发的组件、指令等资源source库

<p>
  <a href="https://hai2007.gitee.io/npm-downloads?interval=7&packages=vue-src"><img src="https://img.shields.io/npm/dm/vue-src.svg" alt="downloads"></a>
  <a href="https://www.npmjs.com/package/vue-src"><img src="https://img.shields.io/npm/v/vue-src.svg" alt="Version"></a>
  <a href="https://www.jsdelivr.com/package/npm/vue-src"><img src="https://data.jsdelivr.com/v1/package/npm/vue-src/badge" alt="CDN"></a>
  <a href="https://github.com/hai2007/vue-src/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/vue-src.svg" alt="License"></a>
  <a href="https://github.com/hai2007/vue-src">
      <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/hai2007/vue-src?style=social">
  </a>
</p>

## Issues
使用的时候遇到任何问题或有好的建议，请点击进入[issue](https://github.com/hai2007/vue-src/issues)，欢迎参与维护！

## 如何使用？

首先你需要通过命令行安装，就像这样：

```js
npm install --save vue-src
```

如果你使用webpack配合babel进行项目打包，由于部分包采用了let等es6+语法，为了可以正常打包，你需要修改webpack的配置，参考如下：

```js
......
rules: [{
    test: /\.js$/,
    exclude: function (modulePath) {
        return (
            /node_modules/.test(modulePath) &&
            !/vue\-src/.test(modulePath)
        );
    },
    loader: "babel-loader"
},
......
```

其次，请确保你使用了babel.config.js而不是.babelrc，否则较高版本的babel可能依旧不会对你忽略的node_modules中的包进行转义。

### 组件

- [ui-color：颜色输入框](./docs/components/ui-color.md)

开源协议
---------------------------------------
[MIT](https://github.com/hai2007/vue-src/blob/master/LICENSE)

Copyright (c) 2022 [hai2007](https://hai2007.github.io/SweetHome/) 走一步，再走一步。