设置鸿蒙环境🦄开云彩票(中国)官方网站

下载装配 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🦄开云彩票(中国)官方网站