Vue3 有没有一款好用的开发原生的工具

1.uniapp 我个人以为uniapp 适合开发小程序之类的,用这个去开发原生运用会存在一些问题

  • 功用约束:因为 Uniapp 是经过中间层完结跨渠道,运用在访问底层功用时或许存在功用损失。与原生开发比较,Uniapp 在处理大规模数据、复杂动画和高功用要求的运用场景下或许体现较差。

  • 渠道约束:不同渠道有着各自的设计规范和特性,Uniapp 在跨渠道时或许受到一些渠道约束。有些渠道特有的功用或界面设计或许无法完全完结,需求运用特定渠道的原生开发方式来处理。

  • 生态系统成熟度: 比较于原生开发,Uniapp 的生态系统相对较新,支撑和资源相对有限。在遇到问题时,或许难以找到完善的处理方案,开发者或许需求花费更多的时刻和精力来处理问题。

  • 用户体会差异: 因为不同渠道的设计规范和用户习惯不同,运用 Uniapp 开发的运用在不同渠道上的用户体会或许存在差异。开发者需求针对每个渠道进行特定的适配和调优,以提供更好的用户体会。

  • 功用支撑约束: Uniapp 尽或许提供了跨渠道的组件和 API,但某些特定渠道的功用和接口或许无法完全支撑。在需求运用特定渠道功用的情况下,或许需求运用原生开发或自定义插件来处理。

  • uni 文档 uniapp.dcloud.net.cn/

2.react 拥有react native 开发原生运用 Vue无法运用 www.reactnative.cn/

3.Cordova cordova.apache.org/ 支撑原生html js css 打包成 ios android exe dmg

4.ionic 我发现这个框架支撑Vue3 angular react ts 构建Android iOS 桌面程序 这不正合我意 ionicframework.com/docs

前置条件

1.装置 java 环境 和 安卓编辑器sdk

  • java JKD 下载www.oracle.com/java/techno…
  • 安卓编辑器下载 developer.android.google.cn/studio/
  • 或许私信要装置包

装置完结查看环境变量

Vue3 如何开发移动端(安卓,ios)

Vue3 如何开发移动端(安卓,ios)

Vue3 如何开发移动端(安卓,ios)

查看安卓编辑器的sdk 假如没装置就装一下

Vue3 如何开发移动端(安卓,ios)

Vue3 如何开发移动端(安卓,ios)

Vue3 如何开发移动端(安卓,ios)

ionic

npm install -g @ionic/cli

初始化Vue3项目

装置完结后会有ionic 指令

ionic start [name] [template] [options]
#            称号      模板    类型为vue项目
ionic start app tabs --type vue

Vue3 如何开发移动端(安卓,ios)

npm install #装置依赖
npm run dev 发动测验

Vue3 如何开发移动端(安卓,ios)

发动完结后自带一个tabs demo

Vue3 如何开发移动端(安卓,ios)

运行至android 编辑器 调试

npm run build
ionic capacitor copy android

留意查看

Vue3 如何开发移动端(安卓,ios)

假如没有这个文件 删除android目录 重新执行下面指令

ionic capacitor copy android

预览

ionic capacitor open android

他会帮你打开安卓编辑器

假如报错说丢失sdk 留意查看sdk目录

Vue3 如何开发移动端(安卓,ios)
.

等候编译

Vue3 如何开发移动端(安卓,ios)

点击上面绿色箭头运行

Vue3 如何开发移动端(安卓,ios)

热更新

假如要热更新预览App 需求一个安卓设备

一向点击你的版本号就可以敞开开发者形式

Vue3 如何开发移动端(安卓,ios)

敞开usb调试 连接电脑

Vue3 如何开发移动端(安卓,ios)

ionic capacitor run android -l --external

挑选方才的安卓设备

Vue3 如何开发移动端(安卓,ios)

成功热更新

Vue3 如何开发移动端(安卓,ios)

Vue3 如何开发移动端(安卓,ios)