成立鸿蒙环境

下载装配 DevEco

成立IDE

翻开 Prefreences, OpenHarmony SDK, 勾选 API Version 12

创建鸿蒙神情

翻开 DevEco，点击 右上角Create Project， 在 Application 处继承 Empty Ablity, 点击 Next, 参加成立页，把柄需求调治实质，这里使用默许成立，

Project name: MyApplication,Bundle name: com.example.myapplication,Save location 继承需要创建的目次，这里使用 MyApplication 目次 （~/projects/MyApplication)Compatible SDK, 继承 4.0.0Module name: entry

抵制，上头面前 Taro 相沿的 SDK 版块为 4.0.0

点击 Finish 完成神情创建。

装配 Taro 4.x

yarn global add @tarojs/cli

装配顺利后搜检 taro 是否顺利

➜ ~ taro --version Taro v4.0.74.0.7

运调度神情

taro init taro-ohos

按照领导输入，这里使用以下成立

? 请输入神情先容 taro ohos? 请继承框架 React? 是否需要使用 TypeScript ？ Yes? 请继承 CSS 预处理器（Sass/Less/Stylus） Sass? 请继承包处理用具 yarn? 请继承编译用具 Vite? 请继承模板源 Gitee（最快）✔ 拉取长途模板仓库顺利！? 请继承模板 默许模板

恭候神情创建顺利，直到输出以下领导：

Done in 44.95s.✔ 装配神情依赖顺利创建神情 taro-ohos 顺利！请参加神情目次 taro-ohos 最先职责吧！

装配鸿蒙插件

yarn add @tarojs/plugin-platform-harmony-etsyarn add path

修改编译成立

找到 config/index.ts 文献, 在 plugin 处添加 @tarojs/plugin-platform-harmony-ets, 在 rn 下方添加 harmony 成立：

import path from 'path'... ... plugins: [ '@tarojs/plugin-platform-harmony-ets' ], ... rn: {...}, harmony: { // 将编译景象确立为使用 Vite 编译 compiler: 'vite', // 【必填】鸿蒙主愚弄的完全旅途，举例： projectPath: path.resolve(process.cwd(), '../MyApplication'), // 【可选】HAP 的称号，默许为 'entry' hapName: 'entry', // 【可选】modules 的进口称号，默许为 'default' name: 'default', }

抵制这里要把 projectPath 确立成 Deveco 创建的鸿蒙神情目次

修改 package.json

在 scripts 处添加以下成立

"scripts": { ... "build:harmony": "taro build --type harmony", "dev:harmony": "npm run build:harmony -- --watch"}

运行 Taro 神情

yarn run dev:harmony

驾驭台输出以下实质，走漏构建顺利：

build started... 点击张望好意思满输出

yarn run v1.22.22$ npm run build:harmony -- --watch> taro-ohos@1.0.0 build:harmony> taro build --type harmony --watch Taro v4.0.7watching for file changes...build started...✓ 7 modules transformed.rendering chunks (6)...最先 ohpm install 剧本实践...install completed in 0s 36ms实践 ohpm install 剧本顺利。../MyApplication/entry/src/main/ets/app.scss.xss.js 0.10 kB │ gzip: 0.10 kB │ map: 0.10 kB../MyApplication/entry/src/main/ets/index.scss.xss.js 0.10 kB │ gzip: 0.10 kB │ map: 0.10 kB../MyApplication/entry/src/main/ets/app_comp.js 0.27 kB │ gzip: 0.21 kB │ map: 0.70 kB../MyApplication/entry/src/main/ets/pages/index/index_taro_comp.js 0.40 kB │ gzip: 0.27 kB │ map: 0.11 kB../MyApplication/entry/src/main/ets/app_taro_comp.js 0.83 kB │ gzip: 0.46 kB │ map: 0.13 kB../MyApplication/entry/src/main/ets/pages/index/index_comp.js 0.89 kB │ gzip: 0.42 kB │ map: 0.99 kB../MyApplication/entry/src/main/ets/app.ets 2.21 kB │ gzip: 0.86 kB../MyApplication/entry/src/main/ets/render.ets 5.76 kB │ gzip: 1.23 kB../MyApplication/entry/src/main/ets/pages/index/index.ets 9.04 kB │ gzip: 2.44 kBbuilt in 2489ms.

Taro 会将编译好的文献输出至鸿蒙神情目次

运行鸿蒙

成立愚弄签名

翻开 File -> Project Structure..., 点击 Siging Configs, Sign In, 举例华为账号，点击右下角 Apply, OK, 完成签名

运行

在 DevEcho 中，点击运行按钮，待驾驭台实践完成，张望建设上，页面中将输出以下实质

```bash 首页

Hello world! ```

抵制事项

通顺 Taro 时报错 throw new Error(不存在编译平台 ${platform})，config/index.ts文献中莫得添加 @tarojs/plugin-platform-harmony-ets

参考辛苦

鸿蒙 & OpenHarmony金沙巴黎人娱乐城app娱乐