在uniapp中调用虚拟机调试vue项目 - 教程

前言:
【安卓版+有数据线】假如是uniapp中创建的项目,直接用手机数据线连上电脑,执行下文步骤3.3可以在手机中看见运行效果。不用执行下文配置本地虚拟机步骤。

我是没有数据线,因而执行下列运行。

1、配置本地虚拟机
下载安装配置2025最新版Android Studio 最详细教程

1.1完成设置后运行虚拟机

运行成功

2、打包项目

2.1 纯vue计划就在vscode中,执行npm run bulid,根目录得到dist文件。
uniapp中的vue项目直接执行3.3步骤,不需要打包。就是2.2 假如

3、在uniapp中创建新的h5项目

3.1 创建的h5项目,将除了manifest.json文件以外的所有文件删掉

3.2 再将刚打包的vue方案dist中所有文件复制到uniapp中新创建的h5计划目录下。

3.3 在uniapp中运行虚拟机,就能看到刚刚执行的项目,控制台行看见运行情况,此时虚拟机中就可以成功运行项目效果。

点击运行

posted @ 2025-09-17 12:22  yxysuanfa  阅读(12)  评论(0)    收藏  举报