@sincerecloud/sc-ui/README.md

vue3 ui ant-design-vue sincerecloud sc-ui typescript

# sc-ui

ant-design-vue vue3 ts ui

**最新版本0.0.211**

[文档地址](http://sc-ui.voneyun.com/)

[npm地址](https://www.npmjs.com/package/@sincerecloud/sc-ui)

[cnpm地址](https://npmmirror.com/package/@sincerecloud/sc-ui)

**如果cnpm 上的版本不是最新的，可以通过点击`SYNC`按钮来同步最新**

[cnd地址一 jsdelivr](https://cdn.jsdelivr.net/npm/@sincerecloud/sc-ui/)

[cnd介绍页面 jsdelivr](https://www.jsdelivr.com/package/npm/@sincerecloud/sc-ui?nav=stats)

[cnd地址二 unpkg](https://unpkg.com/browse/@sincerecloud/sc-ui@0.0.67/)

## 引入 ant-design-vue

```shell

npm i ant-design-vue@2.2.8 -D
npm i @sincerecloud/sc-ui -D

```

本项目是基于`ant-design-vue`组件库固定版本（2.2.8）基础上开发的，所以在使用本项目前请安装`ant-design-vue@2.2.8`;

使用简介：

`main.js/main.ts`根文件中引入`index.css`

```js
import '@sincerecloud/sc-ui/style.css'
// 或者 直接引入less文件
import '@sincerecloud/sc-ui/style/index.less'
```

**如需引入 less 文件 请注意一下几点**

1. 要本地安装`ant-design-vue`库
2. 新增webpack、vite 配置如下：

```js
// config.js 文件
{
  resolve: {
    alias: [
      { find: /^~/, replacement: '' }
    ]
  },
  css: {
    preprocessorOptions: {
      less: {
        // modifyVars: themeVariables,
        javascriptEnabled: true
      },
    }
  }
}
```

本项目也支持按需加载

`App.vue`

```js
import { ScAlert } from '@sincerecloud/sc-ui'
```

## 问题

如有问题请及时反馈