当前位置:   article > 正文

uni-app项目(HBuliderX首次如何分别在浏览器、微信小程序和模拟器上运行_uniapp 可以在网页上运行吗

uniapp 可以在网页上运行吗

一.uni-app在浏览器上运行:

1.首先需要借助浏览器(如Chrome、Firefox、IE、Edge),如果电脑上没有下载浏览器就需要下载

2.其次下载uni-app编译器(我们暂时可以选择vue2版本)来编译运行uni-app项目(运行项目时会自动下载)

3.编译uni-app项目即打开并选中uni-app项目中的pages文件夹下的文件夹中的vue文件

4.最后点击HBuliderX页面导航条中的‘运行’选项,选择‘运行到浏览器’选项,选出其中你电脑所拥有的浏览器

二.uni-app在微信小程序上运行:

1.首先需要在官网中下载并注册微信开发者工具(要记住自己设置的密码)

2.打开uni-app项目,选中其中pages文件夹下的文件夹中的vue文件

3.最后点击HBuliderX页面导航条中的‘运行’选项,选择‘小程序模拟器’选项中的‘运行到微信开发者工具’,如果运行项目过程中报错,记得打开微信开发者工具,点击导航条中‘通用’选项,选中通用设置,点击安全,打开服务端口

三.uni-app在Android模拟器(以夜神模拟器为例)上运行:

1.首先去官网下载夜神模拟器,然后找到NOX中的bin文件,输入window+R键->输入cmd,按回车键->打开终端,在Nox文件夹下的bin文件路径下输入命令nox_adb connect 127.0.0.1:62001,下列图片包含失败的连接和成功的连接

2.按回车键->显示命令‘already connected to 127.0.0.1:62001’(表示已经连接成功)->如果显示的是不能连接的英文,则需要我们打开夜神模拟器软件->继续输入adb devices指令->点击HBuliderX页面导航条中的‘工具’选项->点击‘设置’选项->进入设置页面,选中‘运行配置’

3.找到电脑中夜神模拟器的下载地址,在adb路径框中填入'...\Nox\bin\adb.exe'路径->将Android模拟器端口改为62001->点击‘运行’,选中‘运行到手机或模拟器’中的‘运行到‘Android App基底’(千万记得在运行过程中夜神模拟器保持打开状态)

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/619681
推荐阅读
相关标签
  

闽ICP备14008679号