uniapp-ui的使用

uni-ui 是DCloud提供的一个跨端ui库,它是基于vue组件的、flex布局的、无dom的跨全端ui框架。

这是uniapp官方提供的一套UI组件,性能是杠杠的,开发过程中的利器。

在使用uniapp-ui之前需要检测一下你的电脑中是否已经安装了node环境。

在开发工具中先把终端功能安装下来。输入node -v查看当前是否已经了node开发环境,如果识别不了node命令说明你的电脑还没有安装nodejs开发环境,如果如下图所示说明已经正确安装了node开发环境。

安装uniapp-ui需要用到npm命令来安装。准备就绪后就可以开始安装uniapp-ui

在终端输入

npm i @dcloudio/uni-ui

然后等待命令执行,成功安装后在你项目中会多一个 node_modules 目录,点击可以看到当前的目录结构。

这样就成功安装了uniapp-ui ,接下来就是在项目中进行配置。

在项目的配置文件page.json中添加 easycom节点,这是他们官方的配置。

        "easycom": {
			"autoscan": true,
			"custom": {
				// uni-ui 规则如下配置
				"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
			}
		},

至此,已经完成了全部的工作了,可以愉快的使用的uniapp-ui啦!

------------------ 华丽分割线 ------------------
欢迎大家阅读我的创业笔记,如果你觉得这篇写得不错的话,可以关注我的公众号: 成长创业笔记 第一时间查阅我们的文章!感谢大家的支持。
我是一名独立开发者,创业者。欢迎大家跟我交流软件开发、软件运营的一切事情。 包括网站建设、小程序开发、安卓app开发等。
微信号:zstxinghui
欢迎大家使用我们的软件:
  • ● 在线图片编辑器
  • ● 小程序: 家政小程序,陪诊小程序
  • ● 开源的网站内容管理系统: 小木CMS内容管理系统
更欢迎大家下载我们的APP:
  • ● 松鼠天气:简洁的天气预报,日历工具
公众号
程序员小张
我们的主营业务:承接网站建设小程序开发安卓APP开发软著申请等。欢迎咨询!
扫一扫,加我微信
随机文章
创业者怎样找到好的产品创意
2024-06-09 14:12:24
本地生活-家政小程序模板
2024-06-12 14:57:28
开发者周记11:开发一款陪诊小程序多少钱
2024-08-02 17:05:52
新版陪诊小程序隆重上线
2024-08-27 16:44:29
uniapp通过自定义事件进行页面通讯
2025-01-03 00:19:13