uniapp中使用uView-plus踩坑记录

​​​1.使用插件市场安装点击到插件市场

零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙移动组件库。 - DCloud 插件市场

点击选择项目直接导入就可以，下载完成后会在uni_modules中，这个.gitignore中不可忽略

​
使用在main.js里引入

import uviewPlus from '@/uni_modules/uview-plus'

const app = createSSRApp(App);
app.use(uviewPlus);

uni.scss

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

pages.json

"easycom": {
		"autoscan": true,
		"custom": {
			"^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
			"^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
			"^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"
		}
	},

2## npm安装

// 如果您的根目录没有package.json文件的话，请先执行如下命令：
// npm init -y

npm install uview-plus

下载的文件会在node_modules里
使用在main.js里引入

import uviewPlus from 'uview-plus'

const app = createSSRApp(App);
app.use(uviewPlus);

pages.json

"easycom": {
		"autoscan": true,
		"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"
		}
	},

uni.scss

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