uniapp集成uView-Plus简单流程

第一步:创建一个全新vue3的项目

第二步:用npm安装   参考网址: https://uview-plus.jiangruyi.com/components/install.html

以下的几个npm  ....    一次的进行  不要漏了

1,    npm install uview-plus

2,    npm install dayjs

3,   npm install clipboard

点击去依次进行npm

4,main.js配置

import uviewPlus from 'uview-plus'

app.use(uviewPlus)

5,   uni.scss配置

@import'uview-plus/theme.scss';

6,   App.vue配置

 @import"uview-plus/index.scss";

7, pages.json配置

"easycom":{"autoscan":true,// 注意一定要放在custom里，否则无效，https://ask.dcloud.net.cn/question/131175"custom":{"^u--(.*)":"uview-plus/components/u-$1/u-$1.vue","^up-(.*)":"uview-plus/components/u-$1/u-$1.vue","^u-([^-].*)":"uview-plus/components/u-$1/u-$1.vue"}},

8,  验证一下  index.vue

<up-rate :count="count" v-model="value"></up-rate>

import { ref } from 'vue';

console.log('当前uView-plus版本号:',uni.$u.config.v);

const count = ref(4);

const value = ref(2);

成功了~~~~~~~~