???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 -ynpm 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';