本文主要是介绍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 就可以自动调用小程序开发工具完成预览
完成效果
这篇关于uni-app 微信小程序开发安装配置 HbuilderX 微信小程序开发工具的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!