一、环境说明
- 适合人群：有开发基础
-
开发环境：
nodejs v18.20.0 -
开发工具：
HBuilder X 4.44、微信开发者工具
二、环境安装
1、nodejs
安装Node.js的步骤取决于您的操作系统。
1.1、Windows:
- 访问Node.js官方网站：https://nodejs.org/
-
点击“Download”按钮。
-
选择适合您系统的安装程序版本（例如，Windows Installer (.msi)）。
-
下载完成后，运行安装程序并遵循安装向导的步骤完成安装。
1.2、macOS:
- 可以使用Homebrew安装Node.js：
brew install node
或者
- 访问Node.js官方网站：https://nodejs.org/
-
点击“Download”按钮。
-
下载macOS版本的安装包（通常是pkg文件）。
-
双击下载的pkg文件并遵循安装程序的指示完成安装。
安装完成后，可以通过在终端或命令提示符中运行以下命令来验证Node.js是否安装成功：
node -v
这将显示安装的Node.js版本。
提示：推荐通过nvm安装nodejs，可以灵活切换版本，后面会出nvm安装教程（篇幅较长）。
2、HBuilderX
- 访问官网HBuilderX-高效极客技巧
- 点击Download即可
- 可以根据官网安装文档进行安装
3、微信开发者工具
- 访问官网链接下载
- 根据向导安装即可
4、注册小程序账号
- 准备一个邮箱账号，要求没有在微信公众平台注册过，可以正常接收邮件。
-
访问微信公众平台根据提示注册，注册主体选择个人，如果你有营业执照也可以选择企业。
-
注册完成后可以获得一个AppID，后续需要用到，复制保存下来。
三、运行、发布
1、下载源码
扫描下方二维码或者搜索海豹IT公众号关注并发送关键词【xcxsrc001】即可获取下载链接，下载到本地后解压。
2、打开HBuilderX
依次点击文件->导入->从本地目录导入将刚才解压的导入进来
修改manifest.json，将appid替换成之前注册的
3、打开微信开发者工具
开启服务端口
4、运行
回到HBuilderX依次点击运行->运行到小程序模拟器->微信开发者工具
如果没有或者打不开则需要先将微信开发者工具的安装位置配置好
提示：期间提示需要安装啥的就安装就行，微信开发者工具登录自己的帐号（上面注册的）
会自动调用微信开发者工具，运行效果
5、发行
运行没问题回到HBuilderX发行->小程序-微信
运行后会自动打开微信开发者工具，点击上传，我已经上传过了，所以有线上版本号
6、完善小程序信息，提交审核
上传后需要再次打开微信公众平台，完善信息，然后就可以提交审核发布了。
后续还有备案、认证之类的根据官方指引即可。
四、结束语
以上就是全部教程，如有不足的地方请多指正，源码来自网络资源。附上体验地址：#小程序://水印乐园/idskw8YaDsnptVh
