//第一步：
// 安装sass
npm i sass@1.63.2 -D
// 安装sass-loader，注意需要版本10，否则可能会导致vue与sass的兼容问题而报错
npm i sass-loader@10.4.1 -D

//第二步
// 安装
npm install uview-plus
npm install dayjs
npm install clipboard

//引入uview-plus主JS库
//在项目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)
  return {
    app  }
}// #endif

//在项目根目录的/src/uni.scss中引入此文件, 如果不存在/src/uni.scss自己创建一个空白文件。

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

//在App.vue中首行的位置引入，注意给style标签加入lang="scss"属性

<style lang="scss"> 
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */ 
@import "uview-plus/index.scss";
 </style>

//配置manifest
//在项目的manifest.json中增加mergeVirtualHostAttributes配置

"mp-weixin" : {
	"appid" : "",
	...
	"mergeVirtualHostAttributes" : true
},
"mp-toutiao" : {
	"appid" : "",
	...
	"mergeVirtualHostAttributes" : true
}

//配置easycom组件模式

// 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"
    		}
    	},
    	
    	// 此为本身已有的内容
    	"pages": [
    		// ......
    	]}