mac uniapp 微信小程序 首次开发入门 环境配置

总体流程：

1. 下载安装hbuilderx

2. 下载微信开发者工具

3. 使用FlyEnv安装nodejs

4. 设置nodejs镜像

5. 安装nodejs依赖

6. 项目环境配置
   

1. 下载安装hbuilderx
   

   

2. 下载安装微信开发者工具

   

3. 使用FlyEnv安装nodejs

   

   版本可以自己选择，我这里安装的是nodejs16

4. 更改nodejs的taobao镜像

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

更改之后，使用命令行工具查看nodejs版本，能正常输出版本号的话，说明就安装成功了。




5. 基本的开发环境就安装好了，接下来git clone项目，clone就不演示了，直接进入项目执行npm install命令安装依赖



6. 使用hbuilderx打开项目

打开hbuilderx，将项目文件夹直接拖入hbuilderx



打开偏好设置->运行配置->微信开发者工具路径



配置完成后，点击运行->运行到小程序模拟器->微信开发者工具



这个时候，hbuilderx就会自动打开微信开发者工具了。但是有可能项目没有跑起来，表象就是能打开工具，打开工具后就没有反应了。解决方案如下：

1. 在微信开发者工具中，点击：项目->导入项目

   

2. 在打开的窗口中，选择你clone项目的unpackage/dist/dev/mp-weixin 目录

   

   导入后，hbuilderx就能正常打开微信开发者工具调试项目了。