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

相关推荐
老虎062716 分钟前
JavaWeb(苍穹外卖)--学习笔记13(微信小程序开发,缓存菜品,Spring Cache)
笔记·学习·微信小程序
xw527 分钟前
uni-app项目跑APP报useStore报错
前端·uni-app
!win !31 分钟前
uni-app项目跑APP报useStore报错
前端·uni-app
郭邯6 小时前
小程序中自定义组件的样式隔离
微信小程序
iOS阿玮7 小时前
为什么独立开发者都在AppStore而不去安卓市场?
uni-app·app·apple
每天开心8 小时前
噜噜旅游App(4)——构建旅游智能客服模块,实现AI聊天
前端·微信小程序·前端框架
xiaohe060112 小时前
🪀 Uni ECharts:也许是 uni-app 中使用 ECharts 最优雅的解决方案
uni-app
老华带你飞13 小时前
口腔助手|口腔挂号预约小程序|基于微信小程序的口腔门诊预约系统的设计与实现(源码+数据库+文档)
java·数据库·微信小程序·小程序·论文·毕设·口腔小程序
尸僵打怪兽13 小时前
HBuilder X打包发布微信小程序
微信小程序·小程序·打包·hbuilder x
陈不知代码1 天前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass