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

uni-app 微信小程序开发安装配置 HbuilderX 微信小程序开发工具

安装HbuilderX

官网下载:
https://www.dcloud.io/hbuilderx.html

编译器用来编写小程序代码

微信小程序开发工具

官网下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

用于小程序的页面调试

创建项目

HbuilderX创建项目
在这里插入图片描述
结构如下
在这里插入图片描述

|-- 项目根目录|-- components          // 存放自定义组件|-- pages               // 存放各个页面|-- index|-- index.vue   // 首页文件|-- static              // 存放静态资源,如图片、样式等|-- unpackage           // 打包输出目录|-- App.vue             // 应用入口文件|-- main.js             // 应用入口文件|-- manifest.json       // 配置文件|-- pages.json          // 页面配置文件|-- uni.scss            // 通用样式文件

获取APPID

微信公众平台:https://mp.weixin.qq.com/

在这里插入图片描述

HbuilderX 配置APPID

在这里插入图片描述

配置小程序安装路径

HbuilderX 选择微信开发者工具的安装路径
在这里插入图片描述

打开微信小程序服务端口

开启后HbuilderX 就可以自动调用小程序开发工具完成预览
在这里插入图片描述

完成效果

在这里插入图片描述在这里插入图片描述


http://www.mrgr.cn/news/16695.html

相关文章:

  • AI革命:清华大学揭秘大模型工具学习的未来
  • 桶排序【算法 14】
  • AcWing 897. 最长公共子序列
  • SpringBoot统一功能处理
  • 【C语言】十六进制、二进制、字节、位
  • 【测试】——开发模型与测试模型
  • JS打造一款你自己的专用字体:使用p5.js与JavaScript实现
  • Colorfy v3.26 — 修改版,超过2000种图片涂色
  • OpenCompass 评测 InternLM-1.8B 实践
  • B站评论区的力量:构建大语言模型微调数据集的新策略
  • 【经典面试题】Kafka为什么这么快?
  • 2024.8.31 Python,合并区间,用sort通过列表第一个元素给列表排序,三数之和,跳跃游戏
  • 网络压缩之网络剪枝(network pruning)
  • TDesign 微信小程序组件库配置
  • C#泛型相关
  • 通用后台管理系统实战演示(Vue3 + element-plus)汇总篇一
  • UML类图中的组合关系
  • Java设计模式【解释器模式】-行为型
  • Java设计模式【观察者模式】-行为型
  • 前端面试——八股文