深圳福田网站优化网络营销培训学校网站优化设计的基础是网站基本要素及每个细节的优化

​​​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';