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 找一个组件测试一下是否引入成功

相关推荐
苹果电脑的鑫鑫2 分钟前
.eslintrc.js这个文件作用
开发语言·javascript·ecmascript
vx_bisheyuange10 分钟前
基于SpringBoot的便利店信息管理系统
前端·javascript·vue.js·毕业设计
晚烛11 分钟前
智启工厂脉搏:基于 OpenHarmony + Flutter 的信创工业边缘智能平台构建实践
前端·javascript·flutter
Zsnoin能14 分钟前
都快2026了,还有人不会国际化和暗黑主题适配吗,一篇文章彻底解决
前端·javascript
两个西柚呀15 分钟前
es6和commonjs模块化规范的深入理解
前端·javascript·es6
www_stdio15 分钟前
爬楼梯?不,你在攀登算法的珠穆朗玛峰!
前端·javascript·面试
爱吃大芒果16 分钟前
Flutter 表单开发实战:表单验证、输入格式化与提交处理
开发语言·javascript·flutter·华为·harmonyos
光影少年16 分钟前
RN vs Flutter vs Expo 选型
前端·flutter·react native
风止何安啊23 分钟前
🚀别再卷 Redux 了!Zustand 才是 React 状态管理的躺平神器
前端·react.js·面试
鹿角片ljp28 分钟前
Spring Boot Web入门:从零开始构建web程序
前端·spring boot·后端