uni-app:创建uni-app项目和运行项目

zwh2020 / 2023-09-07 / 原文

创建项目:

文件----新建----项目----uni-app----项目名称:uniapp-test,修改目录:D:/work/HBuilderProjects,选择默认模板----点击创建----manifest.json----微信小程序配置----输入APPId,勾选ES6转ES5

运行项目:

1、运行在网页上:

运行----运行到浏览器----Chrome

2、运行在微信开发者工具中:

启动项目:打开一个文件,如index.vue----运行----运行到小程序模拟器----微信开发者工具(W)----输入微信开发者工具路径:D:\Program Files (x86)\Tencent\微信web开发者工具----点击OK

注意:要想HBuilderX能打开微信开发者工具,需要再微信开发者工具进行设置。设置----安全设置----开启

3、运行到手机上:(手机要先连接上电脑)

运行----运行到手机或者模拟器----运行-[设备:Android-p7cdu18201017301]-[uniapp-test]

修改index.vue中的title,发现模拟器响应位置发生改变

详细步骤:

1、先通过数据线将手机和电脑连接起来

步骤如下:

(1)、将手机与电脑通过 USB 连接,从手机顶部下滑进入通知栏,点击 USB 设置,选择“传输文件"

(2)、在手机上打开“手机助手”,下方输入,查看连接验证码,然后输入即可

2、开启USB调试

打开设置,点击【关于手机】

连续点击软件版本(华为手机为“HarmonyOS 版本”),知道提示输入密码。此时在系统更新中就会有“开发人员选项”,点击开发人员选项,打开USB调试。

此时点击运行----运行到手机或模拟器,发现未检测到手机或模拟器,把数据线拔掉重新连接。

3、点击运行----运行到手机或模拟器,选择设备

如果提示”如手机上HBuilder调试基座未启动,请手动启动“,则选择自定义调试基座

此时就会在你的手机上安装app.

如果报错:安装自定义基座App失败请使用手机助手手动安装D:\project\prism\sfbb\scanCode\unpackage\debug\android_debug.apk到手机上,并重新运行真机调试。

解决办法:通过微信将apk文件传递到手机,然后修改用户名,去掉后面的.1,再安装。