1. 安装1-1。 微信开发者工具

安装最新版本的微信开发者工具（稳定版），它是一个exe文件（例如：.03..exe）。 当您第一次点击它时，它可能仍然显示您需要下载它。 将其关闭并重新启动，直到显示“下一步”安装。

记住安装的地址，或者安装完成后，右键“微信开发者工具”，点击打开文件所在位置。

安装完成后，打开服务端口，否则启动项目时会提示关闭端口。

设置/安全设置

1-2、X

安装最新版本的 X，通常是应用程序开发版本。

安装完成后，点击运行/运行进入小程序模拟器/运行设置。

弹出.json文件，选择微信开发者工具安装地址。

配置浏览器的地址，点击运行/运行浏览器/配置Web服务器，这是浏览器exe文件，不是所在文件夹。

1-3、uni-app环境配置

npm install -g @vue/cli // 安装vue/cli脚手架

2. 创建并运行项目2-1。 创建一个新的

打开X，单击文件/新建/项目

2-2. 运行项目

此时，说明启动成功

使用USB连接电脑和手机，手机提示“通过USB充电”，选择MTP模式； 打开手机系统，找到“关于手机”/“我的设备”，找到手机版本号，连续点击4次以上，会有提示“已进入开发者模式”； 搜索打开开发者选项，分别打开USB调试、USB安装

运行到手机或者模拟器/运行...，启动终端，终端会提示“部分手机需要手动安装.apk”程序，打开终端给出的链接，将.apk文件发送到手机小程序开发工具打开，然后手动安装。 X程序将出现在屏幕上，打开它。 然后X终端会自动刷新并识别手机中的X。 如果终端没有刷新，只需重新启动即可。 3、打包并打开项目文件中的.json -> H5配置 -> 设置对应的页面标题和路由模式，注意是否启用协议；

① 基本路径会影响导入的静态文件地址

② 如果没有使用域名，则取消勾选“启用协议”

选择发布->网站PC web或手机H5->网站域名为网上发布的域名。 注意这里的http必须和.json中的【协议是否启用】保持一致

如果是微信小程序，和H5发布类似，需要配置

打包完成后，会自动打开【开发者工具】，然后点击【开发者工具】右上角的发布。

获取并使用【开发者工具】打开“打包文件夹”

打包完成后会生成一个文件夹，不同端的文件夹名称也不同。

例如H5、微信小程序mp-

如果打开的是空白页面，只需将.json的运行基路径更改为./，

运行基路径相当于.prod.conf.js中的参数：'./';

很详细，点个赞，走吧！