1. 使用Hbuilder创建微信小程序项目
1.1 下载Hbuilder 工具 -> 插件安装 安装插件后新建项目
1.2 选择默认模板
1.3 配置小程序测试号appid(自己申请测试号)
1.4 下载微信开发者工具,点击如下图会自动打开编译,在这之前一定要打开微信开发者工具服务端口
此时就可以用Hbuilder愉快的开发小程序啦
2. 使用vscode 配置uniapp开发环境
2.1 vscode 扩展下载
2.2 项目中下载如下依赖包,解决小程序和uniapp类型声明提示,并在tsconfig中进行配置
"@types/wechat-miniprogram": "^3.4.3",
"@uni-helper/uni-app-types": "^0.5.10",
2.3 解决manifest.json 和 pages.json 报错提示
解决提示问题
2.4 如何正确运行小程序
npm run dev:mp-weixin
运行完后会生成如下目录
打开微信开发者工具,点击导入
至此,环境配置完成,接下来我们可以愉快的学习使用uniapp开发小程序啦
