使用HBuilderX下载插件及运行微信小程序

一,使用HBuilderX下载插件

使用HBuilderX开发项目,运行uniapp的过程中,会报错显示需要安装一些插件。

1,打开HBuilderX,选择工具》点击插件安装;

使用HBuilderX下载插件及运行微信小程序_第1张图片

2,出现小弹框,点击前往插件市场安装;

使用HBuilderX下载插件及运行微信小程序_第2张图片

3.在市场中搜索,点击下载;

使用HBuilderX下载插件及运行微信小程序_第3张图片

4.选择导入方式,前往安装;

使用HBuilderX下载插件及运行微信小程序_第4张图片

前往安装

使用HBuilderX下载插件及运行微信小程序_第5张图片

5.安装成功及展示;

在这里插入图片描述

成功显示:

使用HBuilderX下载插件及运行微信小程序_第6张图片
这样,项目就可以正常运行了。

一,使用HBuilderX运行微信小程序

1,配置微信开发者工具,选择工具》设置

使用HBuilderX下载插件及运行微信小程序_第7张图片

2,选择运行配置》添加微信开发者工具路径
使用HBuilderX下载插件及运行微信小程序_第8张图片
3,配置Appid及打开微信开发者工具的服务端口

(1).找到manifest.json》点击微信小程序配置》填入微信小程序AppID
使用HBuilderX下载插件及运行微信小程序_第9张图片
(2).设置微信小程序的服务端口
找到设置》安全设置》打开服务端口按钮

使用HBuilderX下载插件及运行微信小程序_第10张图片

4,运行
找到运行》运行到小程序模拟器》点击微信开发者工具。

使用HBuilderX下载插件及运行微信小程序_第11张图片

这样,项目就可以运行到微信开发者工具里。
当然,uniapp支持多端运行,也可直接运行到内置浏览器和谷歌浏览器。
喜欢,就点点赞吧!

你可能感兴趣的:(微信小程序,移动端,Vue,小程序,uniapp,vue)