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

相关推荐
speedoooo13 分钟前
新晋前端框架技术:小程序容器与SuperApp构建
前端·小程序·前端框架·web app
十年之少44 分钟前
网络请求——微信小程序学习笔记
笔记·学习·微信小程序
KENYCHEN奉孝1 小时前
用微信小程序制作一个性行为同意协议系统
微信小程序
fakaifa1 小时前
【2025最新版】火鸟门户v8.5系统源码+PC、H5、小程序 +数据化大屏插件
小程序·php·源码下载·火鸟门户·同城门户系统
aklry2 小时前
uniapp运行在app端如何使用缓存
uni-app
大美B端工场-B端系统美颜师2 小时前
B端小程序如何突破常规,成为企业获客新利器?
小程序
264玫瑰资源库3 小时前
2025年七星棋牌跨平台完整源码解析(200+地方子游戏+APP+H5+小程序支持,附服务器镜像导入思路)
服务器·游戏·小程序
七月十二3 小时前
[Uni][微信小程序]wx小程序遇到的奇葩事情
微信小程序·uni-app
—Qeyser3 小时前
用 Deepseek 写的uniapp油耗计算器
前端·vue.js·gpt·chatgpt·uni-app·gpt-3·deepseek
只会安静敲代码的 小周6 小时前
uniapp上传图片时(可选微信头像、相册、拍照)
前端·微信·uni-app