Vue3版本的uniapp项目运行至鸿蒙系统_uniapp+vue3小程序从开发到转出为鸿蒙的教程

新建Vue3版本的uniapp项目

注意，先将HbuilderX升级至最新版本，这样才支持鸿蒙系统的调试与运行；
按照如下图片点击，快速升级皆可。

通过HbuilderX创建

• 官方文档指导链接

1. 点击HbuilderX中左上角文件->新建->项目
   
2. 创建vue3版本的uni-app项目
   

通过vue-cli命令行创建

• 官方文档指导链接

1. 我自己使用的就是vue-cli创建的，不是使用命令行，我是直接从gitee上下载JavaScript版本的Vue3/Vite版。

运行至鸿蒙系统

安装DevEco Studio鸿蒙开发软件

• 下载入口
• uniapp官方鸿蒙指导链接
• 安装与初始化配置等，均可参考以上两个链接。

使用最新版本的HbuilderX打开新建的项目

• 运行至鸿蒙
  
• 可以参考上面uniapp官方的指导资料，我就讲一些他没有讲的地方。
• 安装@dcloudio/uni-uts-v1依赖；

npm install -D @dcloudio/uni-uts-v1

• bundleName需要与自己签名保持一致
  
• requestPermissions需要与签名时保持一致
  
• 之后按照我说的，与官方说的，就可以跑起来项目了

问题

• 跑一个简单的模板项目，样式都会出现问题，估计适配鸿蒙任重而道远。