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

相关推荐
灰天7684 小时前
健身房项目 Uniapp+若依Vue3版搭建!!
uni-app
说私域10 小时前
社群裂变+2+1链动新纪元:S2B2C小程序如何重塑企业客户管理版图?
大数据·人工智能·小程序·开源
寰宇软件11 小时前
PHP CRM售后系统小程序
微信小程序·小程序·vue·php·uniapp
浩宇软件开发17 小时前
微信小程序实现自定义日历功能
微信小程序·小程序
Q_274378510917 小时前
springboot基于微信小程序的健康管理系统
spring boot·后端·微信小程序
V+zmm1013419 小时前
教育培训微信小程序ssm+论文源码调试讲解
java·数据库·微信小程序·小程序·毕业设计
努力搬砖的程序媛儿20 小时前
uniapp广告飘窗
前端·javascript·uni-app
樊南20 小时前
【esp32-uniapp小程序】uniapp小程序篇02——Hbuilder利用git连接远程仓库
git·小程序·gitee·uni-app·hbuilder·torisegit
智驾20 小时前
uniapp,编译运行报错“Error: listen EACCES: permission denied 0.0.0.0:5173“,解决方法
uni-app·error·eacces·5173
寰宇软件21 小时前
PHP校园助手系统小程序
小程序·vue·php·uniapp