微信小程序环境搭建

一、微信开发者工具

1. 微信公众平台注册小程序

注册类型选择'个人'即可,'企业'需要公司相关信息(企业信用代码、法人信息等)。

若只是学习阶段,忽略这步,使用测试号即可。

注册成功后,在'开发'-'开发管理'-'开发设置'中找到AppID 并纪录。

2. 下载微信开发者工具

下载地址: 微信开发者工具

3. 开发者工具使用

官方教程

学习阶段AppID使用测试号即可,若需上传则使用之前注册申请的AppID


进入后台 版本管理

二、uniapp创建小程序

1. 详细步骤看 官方教程

2. 采用vue-cli命令行方式创建uniapp项目,

bash 复制代码
vue create -p dcloudio/uni-preset-vue my-project

若出现错误: dcloudio/uni-preset-vue远程资源下载失败

bash 复制代码
Failed fetching remote preset dcloudio/uni-preset-vue:

解决措施:

a. github下载:https://github.com/dcloudio/uni-preset-vue

b. 解压好文件,一般下载好的项目都会有两层文件夹,删掉第一层文件夹

c. 执行如下命令

bash 复制代码
// 现在需要执行的命令
vue create -p 你下载好文件的路径 myproject
// 我的命令示例
vue create -p D:\workspace\xiaochengxu\uni-preset-vue-master uniapp-test

最后,选择默认模板

3 在HBuilderX中设置微信开发者工具运行路径


相关推荐
Rooting++13 小时前
小程序{{ }}和vue{{ }}语法的区别
前端·vue.js·小程序
博、、17 小时前
折扣卡CPS系统源码实战开发指南:从架构设计到落地部署全解析
小程序·需求分析
lhldsg20 小时前
折扣卡CPS小程序定制全流程实战指南:从需求分析到上线部署
java·前端·小程序
suliqiang20 小时前
【前端技术】 Web 前端技术36年 演进全景图
信息可视化·微信小程序·小程序·前端框架·uni-app·人机交互·xcode
weixin_493503671 天前
商会小程序附件上传:分片上传 + OSS 直传完整实现(Vue3 + 阿里云 OSS 实战)
阿里云·小程序·云计算
优度网1 天前
微信小程序主体变更公证书线上办理流程与业务交接风险规避方法浅析(2026)
小程序
m0_587383002 天前
外卖CPS系统开发实战:从架构设计到运营落地全指南
java·spring·小程序·架构·需求分析
T01156182 天前
全栈项目实战手记|艺培场馆课时预约小程序 PC 管理端 Demo 完整开发成果展示
小程序
凡泰AI2 天前
如何为政务 APP 搭建开放平台,实现多部门、第三方供应商标准化入驻与统一管理
android·大数据·小程序·uni-app·app·政务
FX1317887KP_2 天前
AI陪练正在重塑KET PET FCE口语备考,传统外教课还有必要吗?
人工智能·小程序·ket口语·pet口语·fce备考·剑桥英语