uniapp引入uview的ui库[从hbuild创建项目--到引入使用看到效果 23张图片引导]

本文介绍了如何使用HBuilder创建uniapp项目,并详细阐述了uview UI库的安装、配置和使用过程,包括在main.js中引入JS库、配置SCSS以及在项目中应用组件。通过23张图片辅助说明,帮助读者直观理解操作步骤。
摘要由CSDN通过智能技术生成

一. 项目的创建

1.使用hbuilder创建项目

在这里插入图片描述
在新建中选择项目的选项

2.创建uniapp的项目

在这里插入图片描述
建议 选择默认模板

3.创建完成后的项目结构

在这里插入图片描述

二 . uview的代码导入到项目

1.找到uview的官网—找到安装[hbuild安装方式]

可以使用下方的网址

https://www.uviewui.com/components/install.html

在这里插入图片描述

2.进入下载地址

在这里插入图片描述

3.导入uview的UI库

在这里插入图片描述

4.选择要导入的项目

在这里插入图片描述

5.导入后的项目结构变化

在这里插入图片描述

三 . 项目中注册uview的功能

1.点击安装配置

在这里插入图片描述
在uview 官网的安装中选择 hbuild方式
点击在注意中的 安装配置

2.scss的配置

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值