IDEA开发微信小程序保姆级教学

一、首先准备HBuilderX和微信开发者工具

hbuilderx下载地址https://dcloud.io/hbuilderx.html#:~:text=HBuilderX

微信开发者工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

1、下载完成后打开hbuilderx，点击工具->设置

找的运行配置->小程序运行配置，指向你的微信小程序开发工具的安装路径

2、打开微信小程序开发者工具

找到设置打开选择安全，将服务端口打开

3、打开idea的插件市场搜索uniapp tool，下载安装，需要重启的话重启就好

4、打开设置，配置IDEA开发UniApp的环境设置，指定hbuilderx和微信开发者工具的安装路径

5、这时候使用IDEA新建Project的时候就会多出一个Uniapp的图标，创建时候根据自己的选择创建

6、创建完成之后，先安装一下依赖

7、编辑运行配置

选择自己需要运行的方式，这里我选择微信小程序，点击Apply，Ok

8、运行项目

以前使用过hbuilderX开发uniapp请忽略以下部分

注意：如果你是第一次使用hbuilderX那么请先使用hbuilderX打开刚刚创建的项目，点击运行->微信开发者工具（hbuilderX会安装一些开发运行uniapp和微信小程序的插件，以前使用过hbuilderX开发uniapp请忽略）

如果运行控制台出现错误，那么请检查微信小程序的安全配置的服务端口是否开启

没有问题就可以IDEA运行UniApp了

如果出现以下错误提示关闭重新打开项目就行了

再次点击运行也会像hbuilderX一样自动打开微信开发者工具运行成功