使用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 编译完成后会跳转到微信开发者工具里

相关推荐
DreamByte13 分钟前
Python Tkinter小程序
开发语言·python·小程序
说私域39 分钟前
开源 AI 智能名片小程序:开启内容营销新境界
人工智能·小程序
汇匠源42 分钟前
零工市场小程序:保障灵活就业
java·小程序·零工市场
哈尔滨财富通科技1 小时前
家居小程序有什么用?
小程序
双普拉斯1 小时前
微信小程序点赞动画特效实现
nginx·微信小程序·notepad++
程序员阿龙1 小时前
【2025】基于微信小程序的网上点餐系统设计与实现、基于微信小程序的智能网上点餐系统、微信小程序点餐系统设计、智能点餐系统开发、微信小程序网上点餐平台设计
微信小程序·小程序·毕业设计·订单管理·在线点餐·订单跟踪·在线支付
Angus-zoe2 小时前
uniapp+vue+微信小程序实现侧边导航
vue.js·微信小程序·uni-app
Pluto & Ethereal2 小时前
uni-app尺寸单位、flex布局于背景图片
uni-app
天空下sky8 小时前
uniapp+若依 开发租房小程序源码分享
uni-app
帅过二硕ฅ8 小时前
uniapp点击跳转到对应位置
前端·javascript·uni-app