个人使用uview-plus官方给出的教程无法正常使用，在处理问题后整理了一份详细教程给大家参考。

我用的是HBuildX工具开发，以下就用HBuildX npm方式为例：

1、需要安装scss

npm i scss -D

在安装过程成如果有证书过期的问题，可先执行下面代码，再npm

npm config set  "strict-ssl" false -g

2、下载UI框架资源

npm install uview-plus 
npm install dayjs 
npm install clipboard

3、引入uview-plus组件库。 在项目src目录中的main.js中，引入并使用uview-plus的JS库，注意这两行要放在 const app = createSSRApp(App)之后。

// main.js
   import uviewPlus from 'uview-plus'
   
   // #ifdef VUE3
   import { createSSRApp } from 'vue'
   export function createApp() {
     const app = createSSRApp(App)
     app.use(uviewPlus) //注册UI框架
     return {
       app
     }
   }

4、在项目根目录的uni.scss中引入此文件。

@import 'uview-plus/theme.scss'; //注意路径是否正确

5、在App.vue文件css代码中首行的位置引入，注意要给style标签加入lang="scss"属性

<style lang='scss'>
@import "uview-plus/index.scss";
</style>

6、在pages.json中配置easycom组件模式。

{
   	"easycom": {
   		// 注意一定要放在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"
   		}
   	},
   	
   	// 此为本身已有的内容
   	"pages": [
   		// ......
   	]
   }

7、此时已经可以正常使用了，可以参考uview-plus官网：uiadmin.net/uview-plus/… 8、如果运行出错或者组件不生效，可以看下package.json文件有没有问题，重新下载下依赖.