当前位置：首页 > news >正文

【uniapp】uniapp开发微信小程序入门教程

news 2026/5/19 21:53:12

HBuilderx中uniapp开发微信小程序入门教程

一、环境搭建

1. HBuilderx下载安装

HBuilderx下载安装地址

2. 微信开发者工具下载安装

微信开发者工地址具下载安装

二、创建uniapp项目

选择：文件>新建>项目>uni-app
输入项目名称>选择默认模板>创建
在这里插入图片描述

三、初步运行

在HBuilderx中选择：运行>运行到内置浏览器
初次运行HBuilderx会安装项目需要的插件，并且生成一个【unpackage】文件
在这里插入图片描述

四、微信开发者工具中添加项目

1. 打开微信开发者工具，添加项目

在这里插入图片描述

2. 添加项目地址

目录：为文件选择第二步创建的项目地址下第三步生成的【unpackage】文件
AppID：申请的小程序的 AppID
点击确定，微信开发者工具会自动编译
在这里插入图片描述

五、开放服务端口

打开微信开发者工具选择设置>安全设置>安全
打开服务端口，并且记住【端口号】
在这里插入图片描述

六、HBuilderx中运行设置配置

在HBuilderx中选择：运行>运行到小程序模拟器>运行设置
设置内部web服务器端口：为第五步中生成的【端口号】
设置小程序运行配置中微信开发者工具路径：为安装的微信开发者工具具体路径
在这里插入图片描述

七、HBuilderx中微信小程序配置小程序AppID

打开manifest.json，选择“微信小程序配置”
设置微信小程序AppID：申请的小程序的 AppID，必须要和第四步的2中AppID保持一致
在这里插入图片描述

八、运行到微信开发者工具

在HBuilderx中选择：运行>运行到小程序模拟器>微信开发者工具
好了，大功告成~
开启你的小程序之旅吧！

如果在运行的时候报错Error: Fail to open IDE，可以参考以下文章
HBuilderx中uniapp项目运行到微信小程序报错Error: Fail to open IDE

【uniapp】uniapp开发微信小程序入门教程

HBuilderx中uniapp开发微信小程序入门教程一、环境搭建 1. HBuilderx下载安装 HBuilderx下载安装地址 2. 微信开发者工具下载安装微信开发者工地址具下载安装二、创建uniapp项目选择：文件>新建>项目>uni-app 输入项目名称>选择默认模板>…...

编程日记 2024/6/25 7:57:39

Python爬虫项目集：豆瓣电影排行榜top250

关于整理日常练习的一些爬虫小练习，可用作学习使用。爬取项目以学习为主，尽可能使用更多的模块进行练习，而不是最优解。爬虫概要示例python 库爬取模块request解析模块BeautifulSoup存储类型list（方便存入数据库&#xff09…...

编程日记 2024/6/25 7:56:37

34-Openwrt uhttpd与rpcd

uhttpd作为一个简单的web服务器，其代码量并不多，而且组织结构比较清楚。和其它网络服务器差不多，其main函数进行一些初始化（首先parse config-file，然后parse argv），然后进入一个循环&#xff0…...

编程日记 2024/6/25 7:53:34

uni app 树状结构数据展示

树状数据展示，可以点击item 将点击数据给父组件 ，满足自己需求。不喜勿喷，很简单可以根据自己需求改哈，不要问，点赞收藏就好。其实可以和上一篇文章uni app 自定义带popup弹窗的input组件-CSDN博客结合使用&#xff…...

编程日记 2024/6/25 7:52:31

KVM在线yum源部署-centos 7

一、虚拟化简介虚拟化就是操作系统里嵌套操作系统，一台服务器买回来，可能只是用作一个http服务，资源不能充分利用，而虚拟化的诞生有效解决了这个问题，以硬件资源上使用虚拟化，实现单硬件多系统，充分挖掘硬件性能，节能增效。同时通过多年的改进发展，虚拟化进化成云服务…...

编程日记 2024/6/25 7:51:30

TSF的服务发现与Consul有何区别？

TSF（腾讯服务框架）和Consul都是用于服务发现的工具，但它们在设计理念、功能特性、集成方式等方面存在一些区别。 ### 设计理念和目标 **Consul** 是一个开源的工具，用于服务发现、配置和分段。它提供了一种简单的方式来注册和发现服务，以及健康检查和键值存储功能。Consul…...

编程日记 2024/6/25 7:50:29

kotlin集合框架

1、集合框架的接口类型对比 2、不可变和可变List fun main() {// 不可变List - 不能删除或添加元素val intList: List<Int> listOf(1,2,3)intList.forEach{println(it) // 1 2 3}println("")// 可变List - 可以删除或添加元素val mutableList mutableListO…...

编程日记 2024/6/25 7:49:27

服务器(Linux系统的使用)——自学习梳理

root表示用户名后是机器的名字 ~表示文件夹，刚上来是默认的用户目录 ls -a 可以显示出隐藏的文件蓝色的表示文件夹白色的是文件 ll -a 查看详细信息 total表示所占磁盘总大小一般以KB为单位 d开头表示文件夹 -代表文件后面得三组rwx分别对应管理员用户-组…...

编程日记 2024/6/25 7:48:26

竞赛选题 python+opencv+深度学习实现二维码识别

0 前言 🔥 优质竞赛项目系列，今天要分享的是 🚩 pythonopencv深度学习实现二维码识别 🥇学长这里给一个题目综合评分(每项满分5分) 难度系数：3分工作量：3分创新点：3分该项目较为新颖&…...

编程日记 2024/6/25 7:47:24

Java读取指定 JAR 包路径中的 git.properties 文件

Java读取指定 JAR 包路径中的 git.properties 文件在上述代码中，首先打开 JAR 文件，获取 git.properties 文件的 JarEntry 对象，如果存在该条目，就获取其输入流进行后续的读取和处理。具体的读取和处理逻辑需要根据您的实际需求在…...

编程日记 2024/6/25 7:46:23

逻辑回归（Logistic Regression）及其在机器学习中的应用

🚀时空传送门 🔍逻辑回归原理📕Sigmoid函数🎈逻辑回归模型 📕损失函数与优化🎈损失函数🚀优化算法 🔍逻辑回归的应用场景🍀使用逻辑回归预测客户流失使用scikit-learn库实…...

编程日记 2024/6/25 7:45:21

【计算机视觉】人脸算法之图像处理基础知识【七】

直方图均衡化直方图均衡化是一种常用的图像处理技术，用于改善图像的对比度，特别是在图像的细节被埋没在暗部或亮部区域时。通过重新分配图像的像素强度值，使得图像的整体对比度增强，从而让更多的细节变得可见。 import cv2 imp…...

编程日记 2024/6/25 7:44:20

家政预约小程序14权限配置

目录 1 创建用户2 创建角色3 启用登录4 实现退出总结我们现在小程序端的功能基本开发好了，小程序开发好之后需要给运营人员提供管理后台，要分配账号、配置权限，我们本篇就介绍一下权限如何分配。 1 创建用户在微搭中，用户分为内…...

编程日记 2024/6/25 7:43:19

解决 vue 项目一直出现 sockjs-node/info?t=问题

其实如果是在开发环境，应该是开发的时候网络环境变更导致，比如你切换无线网络，导致开发服务器的IP地址换了，这样开发服务器会不知道如何确定访问源。开发环境中关闭npm dev server，然后重新npm run serve重新构建服务环…...

编程日记 2024/6/25 7:42:18

麒麟信安系统关闭core文件操作

在使用麒麟信安系统时，如果应用程序运行过程中崩溃了，此时并不会导致内核崩溃，只会在tmp目录下产生崩溃数据，如下图不过tmp目录下的分区容量有限，当崩溃的应用core文件过大时将会占用tmp空间，导致tmpfs分区…...

编程日记 2024/6/25 7:37:13

微信小程序轮播图

效果图详情可见微信小程序参照：swiper | uni-app官网代码： <!--轮播图-- > <swiper interval"2000" autoplay"true" circular"true" style"height: 300px;"><swiper-item style&qu…...

编程日记 2024/6/25 7:36:11

redisson WRONGPASS invalid username-password pair or user is disable

1、技术架构：若依微服务框架 <dependency><groupId>com.alibaba.cloud</groupId><artifactId>spring-cloud-alibaba-dependencies</artifactId><version>2021.1</version></dependency> <dependency><…...

编程日记 2024/6/25 7:35:10

QT拖放事件之一：初识拖放4大事件处理函数

0、拖放两个动作，合在一起称之为拖放事件；拖：就是拖着走；放：就是拖着走，然后松开鼠标了，释放了，这就是放；注意：放：拖着的东西要放在什么地方？？？假如，我将一个记事本拖着跑，然后放到一个Widget窗口上，那么为了使得Widget能感知相应的事件（拖着进入事件…...

编程日记 2024/6/25 7:33:08

使用Python进行数据可视化：从基础到高级

使用Python进行数据可视化：从基础到高级数据可视化是数据分析过程中不可或缺的一部分，通过图形化的方式展示数据，可以更直观地发现数据中的趋势和模式。Python凭借其丰富的库和强大的功能，成为数据可视化的首选编程语言。本文将介绍数据可视化的基础概念、常用的Python库…...

编程日记 2024/6/25 7:32:06

【十二】图解 Spring 核心数据结构：BeanDefinition

图解 Spring 核心数据结构：BeanDefinition 简介使用spring框架的技术人员都知道spring两个大核心技术IOC和AOP，随着投入更多的时间去学习spring生态，越发觉得spring的发展不可思议，一直都是引领着Java EE的技术变革，这…...

编程日记 2024/6/25 7:31:04

手把手教你改造10块钱的USBASP烧录器，让它兼容Arduino IDE和AVRDUDESS

10元USBASP烧录器改造实战：解锁Arduino与AVRDUDESS全兼容方案从闲置到全能：低成本硬件改造的价值探索在电子制作和嵌入式开发领域，专业烧录工具往往价格不菲。但你可能不知道，手头那台吃灰的"智峰"版USBASP烧录器&…...

编程新知 2026/5/19 20:27:05

Simscape Electrical电机控制器设计实战：5大核心技术深度解析与性能优化

Simscape Electrical电机控制器设计实战：5大核心技术深度解析与性能优化【免费下载链接】Design-motor-controllers-with-Simscape-Electrical This repository contains MATLAB and Simulink files used in the "How to design motor controllers using Sims…...

编程新知 2026/5/19 19:43:50

如何在Inkscape中快速实现免费高效的光学设计与光线追踪？

如何在Inkscape中快速实现免费高效的光学设计与光线追踪？ 【免费下载链接】inkscape-raytracing An extension for Inkscape that makes it easier to draw optical diagrams. 项目地址: https://gitcode.com/gh_mirrors/in/inkscape-raytracing 你是否曾为…...

编程新知 2026/5/19 17:22:46

Windows电脑运行安卓应用终极指南：APK安装器完整教程

Windows电脑运行安卓应用终极指南：APK安装器完整教程【免费下载链接】APK-Installer An Android Application Installer for Windows 项目地址: https://gitcode.com/GitHub_Trending/ap/APK-Installer 你是否曾经想过，在Windows电脑上直接运行安…...

编程新知 2026/5/19 16:07:32