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开发软著申请等。欢迎咨询!
扫一扫,加我微信
随机文章
自主开发一套CMS管理后台-小木CMS内容管理系统
2024-06-12 15:35:34
tp6自定义模版标签
2024-10-12 10:13:59
成长创业周记14:小程序管理后台开发
2024-11-23 17:15:47
解决vscode无法运行npm命令
2025-01-23 14:09:31
从失业到一腔热血的开始创业再到一地鸡毛
2025-04-01 20:03:14