初识uniapp

news/2024/12/2 13:50:57/

创建小程序

依次点击HBuilderx 左上方的按钮:文件->新建->项目

然后打开该界面,输入项目名称,点击 浏览 按钮,可以选择项目保存的目录,这些完成后点击 创建 按钮就好了

 比如小颖的项目名叫 :test-ying 

 如果大家第一次运行到微信小程序模拟器的话,需要配置下它的信息

配置微信小程序运行地址

依次点击按钮:运行->运行到小程序模拟器->运行设置(s)(这个是菜单里最后一个,就找最后一个就好啦),然后就看到了下面的界面:

 小颖圈起来的地方就是要去配置微信开发者工具路径的地方。

运行小程序

一切准备就绪后,那就开始运行吧,先选中你的项目,然后依次点击按钮:运行->运行到小程序模拟器->微信开发者工具(记得压缩代码哦:要点一下:运行时是否压缩代码)

然后微信开发者工具就会自己打开啦

 虽然开发者工具中能看到小程序的样子,但如果想拿手机看下效果,发现小颖圈起来的地方是禁用的哦,这时候怎么办嘞,看提示说:登录用户不是该小程序的开发者,那就配置开发者账号,将自己的微信小程序AppID配置给我们创建的小程序就好啦

配置微信小程序AppID

manifest.json 配置

打开 manifest.json 文件,找到 微信小程序配置,填写 微信小程序AppID,此 AppID 必须是本人有权限的 ID。具体配置如下图。

获取 AppID 

登录 微信公众平台,点击 开发管理 -> 开发设置,即可查看。

 然后将 AppID 复制粘贴到  manifest.json  中,然后我们再重新运行小程序,这时就发现它就可以预览、真机调试啦

 手机预览

点击微信开发者工具中的 预览 按钮,然后用自己的手机扫描二维码,然后就可以在手机上看到小程序的样子啦

题外话

当我们运行小程序时,在微信开发者工具的右下角有个 代码质量   

 这个我们在 HBuilderx 中点击项目的  manifest.json  ->源码视图(最后一个)

 给其加入  "lazyCodeLoading": "requiredComponents",  然后重新运行小程序,然后在代码质量那里点击  重新扫描 ,如果重新扫描没反应,就把微信开发者工具关了,停止运行,然后再重新运行,在新进入的界面里点击重新扫描就好啦。

掘金地址:HBuilderx 创建 、运行uniapp项目


http://www.ppmy.cn/news/53141.html

相关文章

SpringBoot中一个注解优雅实现重试Retry框架

目录: 1、简介2、实现步骤 1、简介 重试,在项目需求中是非常常见的,例如遇到网络波动等,要求某个接口或者是方法可以最多/最少调用几次;实现重试机制,非得用Retry这个重试框架吗?那肯定不是,相信…

spring-boot 依赖注入流程

一、基本使用 主要是三个注解的使用,Autowired,Value,Resource 二、实现步骤 拦截bean的创建 要想拦截bean,就需要处理spring bean生命周期事件,spring通过一些接口来处理事件,实现属性注入,…

python flask快速入门的10个问题

工作中需要简单写一下web服务来做一些事情,了解到python的flask可以快速启动。梳理一下简单的问题。 1. Flask是什么? Flask是一个Python Web框架,用于快速构建网站和Web应用程序。它是轻量级的,非常易于学习和使用。 2. 如何安…

学习笔记:C语言简介

静态语言&#xff1a;c语言程序设计 c语言教程 C 语言是一种通用的、面向过程式的计算机程序设计语言。&#xff08;静态语言&#xff09; #include <stdio.h> int main() //主函数,表示程序的入口,一个程序有且只能有一个main函数 {/* 我的第一个 C 程序 */printf(&quo…

Let‘s Learn .NET|通过 Semantic Kernel .NET SDK 管理你的 OpenAI 项目

编辑&#xff1a;Alan Wang 排版&#xff1a;Rani Sun Lets Learn .NET 系列 “Lets Learn .NET” 是面向全球的 .NET 初学者学习系列&#xff0c;旨在通过不同语言&#xff0c;帮助不同地区的开发者掌握最新的 .NET 开发知识与技能。 在 ChatGPT 与 OpenAI 火热的当下&#x…

自动驾驶方案及相关对标

华为:2021年4月18日,在华为智能汽车解决方案BU新品发布会上,华为智能汽车解决方案BU总裁王军表示,华为要持续加大对汽车行业的投入,今年在研发上的投资将达到10亿美元,未来每年保持30%左右增长,研发团队超过5000人,其中自动驾驶团队超过2000人。华为将发布五个新产品,…

MinIO服务部署,并实现开机自启动(优质文章)

MinIO是一个高性能、高可用性、分布式对象存储服务。本文将介绍如何在Linux系统上部署MinIO服务&#xff0c;并实现系统开机自启动。 环境准备 在开始部署之前&#xff0c;我们需要准备以下环境&#xff1a; 一台Linux服务器root权限的用户wget、tar等基本工具MinIO二进制包…

Python中的哈希表

哈希表是一种常用的数据结构&#xff0c;广泛应用于字典、散列表等场合。它能够在O(1)时间内进行查找、插入和删除操作&#xff0c;因此被广泛应用于各种算法和软件系统中。 哈希表的实现基于哈希函数&#xff0c;将给定的输入映射到一个固定大小的表格中&#xff0c;每个表项…