使用Taro开发鸿蒙原生应用。快速入门，鸿蒙应用开发指南

大家好，关于使用Taro开发鸿蒙原生应用。快速入门，鸿蒙应用开发指南很多朋友都还不太明白，今天小编就来为大家分享关于的知识，希望对各位有所帮助！

首先，准备好鸿蒙运行所需的环境。按照参考文档提示的步骤，在HUAWEI DevEco Studio的IDE中完成MyApplication项目的创建，并熟悉鸿蒙开发者工具的预览和查看功能。

第1步：安装并配置DevEco Studio

2.进入HUAWEI DevEco Studio套件货架中心，申请白名单。由于最新版本的OpenHarmony SDK和IDE尚未开发出来，想要尝试的个人开发者需要先申请白名单成为合作伙伴，然后才能继续进行以下步骤。步；

3、白名单申请通过后，进入上架，下载DevEcoStudio4.0-API10开发套件，IDE版本为DevEco Studio 4.0.3.700；

4、下载完成后，打开IDE安装包进行安装。安装成功后，启动DevEco Studio，根据指导解压包中包含的SDK压缩包，并根据指导在IDE中配置SDK使用路径；

5. SDK配置成功后，如果看到设置面板中各个SDK的版本号与下图一致，则标志配置成功。

第2 步：创建Harmony 主项目

1、新建一个工程，选择需要开发的设备，然后Mode选择Stage型号，Compile SDK选择4.0.0（API 10），按照指导创建新工程；

2.关注entry/src/main/ets/pages/Index.ets目录下的文件，熟悉文件结构。 Pages目录是页面。。。新项目的页面目录将包含多个.ets 文件。应用程序级别的配置信息位于build-profile.json5中。当前模块信息和编译信息配置项位于entry/build-profile.json5。项目结构细节；

3. 创建项目后，根据插件配置指南，在项目配置中配置下载包自带的插件。

第三步：预览调试

DevEco Studio目前仅支持在华为提供的真实测试机上预览和调试，很快将支持模拟器调试。

1.预览：

用户真机连接电脑，打开开发者模式，看看真机上的效果。这里需要注意的是，真机需要使用华为提供的测试机。测试机中将安装纯正的鸿蒙系统镜像，让您体验完整的鸿蒙系统功能。纯鸿蒙应用在HarmonyOS 4.0 中尚未完全商用。在机器侧面运行。

2、调试：

连接真机后，选择对应的。。模块，在工程代码中添加断点等信息，在编译器中开始调试。

2. 芋头开发流程

步骤1：安装Taro v4.0.0-beta.x

1.安装命令行

安装v4.0.0-beta.x 版本的Taro CLI：

npm i -g @tarojs/cli@beta

2.安装项目依赖

如果您是新项目，建议在创建项目时创建一个模板，编译器设置为vite。如果创建项目时选择了webpack或webpack5模板，则需要手动安装vite、terser和@tarojs/vite-runner。

$ npm 我vite@^4.2.0$ npm 我terser@^5.4.0$ npm 我@tarojs/vite-runner@beta

对于老项目，需要将package.json文件中Taro相关依赖的版本更改为~4.0.0-beta.0，重新安装依赖，并添加上述三个vite相关依赖。

如果安装失败或者项目打不开，可以删除node_modules、yarn.lock、package-lock.json，重新安装依赖再试。

第二步：安装Taro适配鸿蒙插件

$ npm 我@tarojs/plugin-platform-harmony-ets@beta

第三步：修改Taro编译配置

配置/index.ts

config={ //配置插件的使用plugins: ['@tarojs/plugin-platform-harmony-ets'], //Harmony 相关配置Harmony: { //设置编译方式为使用Vite 编译compiler: 'vite' , //[必填] 鸿蒙主应用的绝对路径，例如：projectPath: path.resolve(process.cwd(), './MyApplication'), //[可选] HAP的名称， default is 'entry' hapName: 'entry', //[可选]模块的条目名称，默认为'default' name: 'default', },}

第四步：修改鸿蒙主项目权限配置

根据项目需要，鸿蒙主项目。。/src/main/module.json5中需要使用机器权限。

{ //. 'requestPermissions': [ { 'name': 'ohos.permission.VIBRATE' }, { 'name': 'ohos.permission.GET_WIFI_INFO' }, { 'name': 'ohos.permission.GET_NETWORK_INFO ' }, { 'name': 'ohos.permission.SET_NETWORK_INFO' }, { 'name': 'ohos.permission.INTERNET' }, { 'name': 'ohos.permission.GET_BUNDLE_INFO' }, { 'name': 'ohos.permission.LOCATION' }, { 'name': 'ohos.permission.APPROXIMATELY_LOCATION' }, { 'name': 'ohos.permission.LOCATION_IN_BACKGROUND' } ]}

第五步：编译并运行

在package.json中添加以下脚本命令并运行该命令。 Taro 可以生成打包结果到配置的鸿蒙主项目路径。

'scripts': { 'build:harmony': 'taro build --type Harmony', 'dev:harmony': 'npm run build:harmony -- --watch'}

第6步：预览调试

开发者可以根据上述运行鸿蒙demo项目的方法进行预览和调试。

3、注意事项

1. 风格

布局

鸿蒙没有实现盒子模型，所以目前使用鸿蒙的Flex和Column来实现。

尺寸单位

目前，Taro to Hongmeng 支持使用px、vw、vh 作为数据单位。暂时不支持rem、em等单位。

2、调试

真机调试

目前，真机调试需要使用华为提供的测试机。测试机将安装纯净的鸿蒙系统镜像，让您体验完整的鸿蒙系统功能。纯鸿蒙应用还无法在HarmonyOS 4.0商用机上完美运行。起来。

SDK版本问题

由于鸿蒙端SDK迭代较快，目前适配Taro的SDK版本为最新的API版本10。对于API版本9的鸿蒙项目，可能存在不兼容、不支持的组件和API。

3. 与小程序的区别

目前，虽然Taro对鸿蒙方舟的适配工作已经基本完成，但在适配过程中，我们也发现了一些暂时无法解决或计划稍后解决的遗留问题。

组件和API

由于鸿蒙平台与小程序平台存在较大差异，小程序的部分组件和API规范无法在鸿蒙平台上重新实现，如登录及账户信息、。。等相关API。。。相关组件。

样式解析存在一定的局限性

普通样式基于W3C规范，存在类名级联和样式继承的行为。由于开发者在代码中的编写方式不同，Taro 无法在编译时获取准确的节点结构和节点类名信息，因此无法支持。这两种行为。

另外，由于样式的解析是根据组件文件的纬度进行的，因此样式文件只能应用于其引用的组件文件，而不能跨文件应用，并且样式文件只支持类选择器。

4. 总结

本指南详细介绍了鸿蒙运行环境的配置、使用Taro开发鸿蒙应用的步骤和注意事项。我们希望通过本指南，开发者能够快速入门、高效开发自己的鸿蒙应用，顺利进入鸿蒙应用开发的新领域。