vue3 + vite 环境下安装 uni-ui 的方法

本文总结一下 vue3 + vite 环境下安装 uni-ui 的方法。

1. 1、安装 uni-ui

# 本文以 yarn 为例
yarn add uni-ui

2. 2、安装 sass

yarn add sass --save-dev

3. 3、配置 pages.json

"easycom": {
    "autoscan": true,
    "custom": {
        "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
    }
}

4. 4、在项目中使用 uni-ui 组件

<uni-badge size="small" :text="100" absolute="rightBottom" type="primary">
    <button type="default">右下</button>
</uni-badge>

以上就是 vue3 + vite 环境下安装 uni-ui 的方法。

本文地址：https://www.tides.cn/p_uniapp-vue3-vite-uni-ui