您现在的位置是:首页 > 正文

Uniapp零基础开发学习笔记(11)-安装扩展组件uni-ui/uView及微信小程序开发环境

2024-04-01 00:01:51阅读 2

Uniapp零基础开发学习笔记(11)-安装扩展组件uni-ui/uView及微信小程序开发环境

1.安装扩展组件uni-ui

uni-ui是uni-app团队开发的官方扩展组件,比基础组件的能力更强更好用。
介绍文档:
https://uniapp.dcloud.net.cn/component/uniui/uni-ui.html
使用方法:
按照示例文件的组件示例代码,直接输入即可。
安装方法:
1.工具->插件安装->安装新插件->前往插件市场安装…
在这里插入图片描述
2.选择“前端组件”搜索uni-ui
在这里插入图片描述
3.在结果中点击下载
在这里插入图片描述
4.按照说明安装插件或者导入示例项目
在这里插入图片描述

2.安装扩展组件uView

uView作者:uViewUI,插件更加丰富,并且非常美观,安装和使用方法类似uni-ui。选择“前端组件”搜索uView。
介绍文档:
https://www.uviewui.com/components/intro.html
在这里插入图片描述
在介绍文档下方,有每个组件的使用方法,介绍比uni-ui更为详细,友好性更加。
比如u–image的使用。
https://www.uviewui.com/components/image.html

<u--image :showLoading="true" :src="src" width="80px" height="80px" @click="click"></u--image>

温馨提示:
由于uView的内置样式均是写在scss文件中的,您在使用的时候,请确保要给页面的style标签加上lang="scss"属性,否则可能会报错。

3.安装微信小程序开发环境

微信小程序开发工具下载页面:
https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
在这里插入图片描述
运行小程序开发环境:
在这里插入图片描述
设置“微信web开发者工具”所在目录为工具安装目录
在这里插入图片描述
在这里插入图片描述
设置中开启服务端口.
在这里插入图片描述
然后再次“运行到小程序模拟器”既可以编译微信小程序了。
在这里插入图片描述

网站文章

  • 二叉搜索树

    二叉搜索树

    C++实现二叉搜索树

    2024-04-01 00:01:26
  • 在Windows操作系统中安装MySQL8教程

    在Windows操作系统中安装MySQL8教程

    在Windows操作系统中安装MySQL8教程 1.1 下载MySQL8数据库 打开网址: https://www.mysql.com 点击DOWNLOADS菜单,显示界面如图1-xx所示。 点击“MySQL Community (GPL) Downloads »”链接,显示界面如图1-xx所示。 点击“MySQL Community Server”链接,显示界面如图1-xx所示。 点击...

    2024-04-01 00:01:17
  • 【SpringCloud-学习笔记】初识Docker

    【SpringCloud-学习笔记】初识Docker

    可以将程序及其依赖、运行环境一起打包为一个镜像,可以迁移到任意Linux操作系统运行时利用沙箱机制形成隔离容器,各个应用互不干扰启动、移除都可以通过一行命令完成,方便快捷docker是一个系统进程;虚...

    2024-04-01 00:01:09
  • ros 机械臂学习之ros control 学习笔记 2

    joint_trajectory_controller 接着上篇笔记聊该控制器。 - 轨迹表示 控制器采用模板化的方式,可以支持多种轨迹表达方式。 默认情况下采用了样条曲线插值法。 插值法的大致分为以...

    2024-04-01 00:00:43
  • 如何保证高可用?docker架构拓扑图

    如何保证高可用?docker架构拓扑图

    架构筑基大家都知道,性能一直是让程序员比较头疼的问题。当系统架构变得复杂而庞大之后,性能方面就会下降,如果想成为一名优秀的架构师,性能优化就是你必须思考的问题。所以性能优化专题从JVM底层原理到内存优...

    2024-04-01 00:00:36
  • FindNextFile函数

    一、问题描述 使用FindFirstFile与FindNextFile遍历指定文件夹时,获取不到该文件夹下的文件。 class CMySharedFile; bool GetAllFiles(LPCTSTR lpDir, std::set&lt;CMySharedFile&gt; files); ...... std::set&lt;CMySharedF...

    2024-04-01 00:00:28
  • wordpress删除数据库中修订版本的文章数据

    wordpress删除数据库中修订版本的文章数据

    转载自 bcoder编程网 http://www.bcoder.cn/wordpress%e5%88%a0%e9%99%a4%e6%95%b0%e6%8d%ae%e5%ba%93%e4%b8%ad%e4%bf%ae%e8%ae%a2%e7%89%88%e6%9c%ac%e7%9a%84%e6%96%87%e7%ab%a0%e6%95%b0%e6%8d%ae/ 我们现在要做的就是删除wo

    2024-04-01 00:00:02
  • shell--正则表达式之awk

    一.awk工具的概述 在linux系统中,awk是一个功能强大的编辑工具,逐行读取输入文本,并根据指定的匹配模式进行查找,对符合条件的内容进行格式化输出或者过滤处理,可以在无交互的情况下实现相当复杂的文本操作,被广泛应用于shell脚本,完成各种自动化配置任务 二.awk的常见用法 awk的命令格式如下 awk 选项 ‘模式或条件 {编辑指令}’ 文件1 文件2... /...

    2024-03-31 23:59:55
  • -webkit-background-clip属性不生效问题

    -webkit-background-clip属性不生效问题

    将-webkit-text-fill-color改成color并且调整顺序。-webkit-background-clip属性不生效问题。试了好久,终于找到原因了,泪目( Ĭ ^ Ĭ )在浏览器勾选样式后又能够显示,排除浏览器不兼容。

    2024-03-31 23:59:51
  • kafka中的AR、ISR、LEO、HW分别是什么

    kafka中的AR、ISR、LEO、HW分别是什么

    AR: Assigned Replicas的缩写,是每个partition下所有副本(replicas)的统称; ISR: In-Sync Replicas的缩写,是指副本同步队列,ISR是AR中的一...

    2024-03-31 23:59:36