步骤:
1.在项目中配置微信小程序AppID
(在微信官方文档中进行查看)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/579e280266441d02dcd5e23609240683.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/62322e3057dbc83986861c17b96dbd85.png)
2.在项目中配置微信开发者工具的安装地址
(可在桌面上通过右键查看文件所在的路径)
工具-设置-运行配置-微信开发者工具路径
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/076198e23d5b75e8ce4be36a3f6af6c2.png)
3.在微信开发者工具里面打开安全
设置,开启服务端口
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/47eb9fa9b9433a47f9d2ccf044d86869.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/52e06fbae71511cefa4da540bc0173b5.png)
以上步骤完成就可以运行项目啦~~~❥(^_-)
运行成功,但是页面渲染不出内容,如下图:(灬ꈍ ꈍ灬)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ae7fff717d18b6b98b90b7316b95a25b.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5f883dc6b2eaa44db5fd77d82a310e0c.png)
解决方法:
未修改调试基础库的版本号如下图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7d7b1b056f2c5c83c56f46e89c7a6d2c.png)
修改调试基础库之后的版本号如下图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b6b8b9f09ad9aa44c4e79767a109134d.png)
正常运行的效果图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/810bdd5ee29628d6ddcd0cca7c1f45d0.png)
通过多次修改
调试基础库然后找到合适的版本号即可解决问题~~~