使用uni-app开发微信小程序

一、前提环境

1.1 :uniapp开发文档:https://uniapp.dcloud.net.cn/quickstart-cli.html

细节都在这一页,这里不过多解释

二、开发工具下载

2.1 微信开发者工具

下载链接:https://developers.weixin.qq.com/miniprogram/dev/devtools/nightly.html

根据自己的电脑型号选择合适和版本:

2.2 HBuilder X 工具下载

下载链接:https://www.dcloud.io/hbuilderx.html

下载绿色解压版就行:

三、新建uniapp项目

3.1 打开 HBuilder X工具选择新建项目,可以自己创建,也可以git拉取,可以选择vue版本语法

3.2 打开微信小程序,设置-》安全设置,将服务端口打开

3.3 配置HBuilder X和微信开发者工具连接

在运行设置里配置微信开发者工具的安装路径,否则连不上。

3.4 如果需要下载依赖,可以按图操作,第一次会提示下载终端,点击下载即可。

四、运行到小程序

4.1 编译完成后会跳转到微信开发者工具里

相关推荐
好赞科技3 小时前
2026年最佳健身小程序推荐榜单,帮你解锁智能运动新体验
大数据·微信小程序
azhou的代码园3 小时前
基于SpringBoot+Vue的家教小程序
vue.js·spring boot·小程序·毕业设计·家教小程序
Hello--_--World3 小时前
小程序面试题
小程序
AI行业应用研究4 小时前
会务小程序开发成本高?不如看看这个低代码解决方案
大数据·低代码·小程序
anyup5 小时前
全面重构的 uni-app 多平台上传组件,功能强到离谱!
前端·vue.js·uni-app
好赞科技5 小时前
026年五大汽车保养预约小程序推荐榜单,让养车更轻松省心
大数据·微信小程序
azhou的代码园7 小时前
基于微信小程序的图片识别科普系统的设计与实现
vue.js·spring boot·微信小程序·小程序·毕业设计·科普·图片识别
木风未来7 小时前
四川 UI 与数字视觉设计机构排名:政企定制服务实力榜单
ui·小程序·可视化大屏
LIO9 小时前
一套代码,多端并行——uni-app + Vue3 多端开发完全指南
前端·vue.js·uni-app
焦糖玛奇朵婷9 小时前
终于搞清楚了,扭蛋机小程序这么厉害❗
java·服务器·前端·程序人生·小程序