uniapp引入 uview( HBuilder 和 npm 两种安装方式) #按需引入

方式一、HBuilder 安装 uview

1.1. HBuider安装-链接-》》

1.2. 在uni.scss 中引入

powershell 复制代码
@import "uni_modules/uview-ui/theme.scss";

1.3. main.js 引入(import Vue from 'vue' 下面)

powershell 复制代码
import uView from "uni_modules/uview-ui";
Vue.use(uView);

1.4.找一个组件测试一下是否引入成功

方式二、npm 安装

2.1 项目根目录下打开命令行

powershell 复制代码
npm install uview-ui@2.0.36

2.2 安装完后在mian.js中引入

powershell 复制代码
import uView from "uview-ui";
Vue.use(uView);

2.3 在uni.scss 引入

powershell 复制代码
@import "uview-ui/theme.scss";

2.4 找一个组件测试一下是否引入成功

相关推荐
weixin_5118753321 小时前
【无标题】
前端
zhulangfly21 小时前
# Spring Boot + MinIO + MySQL + Vue 实现视频管理与流式播放
vue.js·spring boot·mysql
木斯佳21 小时前
前端八股文面经大全:质谱华章前端一面(2026-05-14)·面经深度解析
前端·面试·面经
水煮白菜王21 小时前
JSONEditor 使用指南
前端·javascript·chrome·json
2401_8654396321 小时前
探索JavaScript对象创建的灵活方式
开发语言·javascript·ecmascript
GISer_Jing21 小时前
从前端到AI Agent工程师:技能升级与职业跃迁指南
前端·人工智能·ai编程
yqcoder21 小时前
遍历的艺术:深入解析 for, for...in, for...of 的核心区别
前端·javascript
IT_陈寒21 小时前
SpringBoot这个事务回滚的坑我算是踩明白了
前端·人工智能·后端
恋猫de小郭21 小时前
Jetbrains 官宣正式发布 KMP 全新默认项目结构,向着 Amper 靠近
android·前端·flutter
xiaoxue..21 小时前
详解:useMemo 和useCallback
前端·react.js·面试