diff --git a/zh-cn/environment.md b/zh-cn/environment.md index 880b73bd0731c7d843758e64c35680dbea9a1a86..3de8ccd77dc1a270ab713ff7fb37c87a147ebbfb 100644 --- a/zh-cn/environment.md +++ b/zh-cn/environment.md @@ -36,11 +36,20 @@ npm install -g yarn 安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用 `yarn` 代替 `npm install` 命令,用 `yarn add 某第三方库名` 代替 `npm install 某第三方库名`。 +## 搭建 ios 环境 + +ios 环境主要用于效果比对和 RN Demo 的开发。因为 arkui 对标 swift,**rnoh 也对标 ios** +,推荐搭建 ios 环境,方便对齐效果。也可以在 ios 环境可以运行 codegen 生成代码。 + +> [!WARNING] 请先参考官方的 React-Naitve + ios 的环境搭建文档 [React Native Step Up](https://www.reactnative.cn/docs/environment-setup)。 + ## 搭建 Android 环境 -我们需要搭建 Android 和 Harmony 两套环境。安卓环境主要用于效果比对和 RN Demo 的开发。 +搭建 Android 环境,用于效果比对和 RN Demo 的开发和 codegen 生成代码。 + +> [!WARNING] 请先参考官方的 React-Naitve + Android 的环境搭建文档 [React Native Step Up](https://www.reactnative.cn/docs/environment-setup) -> [!WARNING] 请先参考官方的 React-Naitve + Android 的环境搭建文档 [React Native Step Up](https://www.reactnative.cn/docs/environment-setup),将 Android 环境搭建好,并成功运行 React-Native 官方给定的 demo 后再进行下一步。 +将 ios / Android 环境搭建好,并成功运行 React-Native 官方给定的 demo 后再进行下一步。 ## 搭建 Harmony 环境 @@ -56,6 +65,12 @@ OpenHarmony(API10): 4.0.10.11 工程机版本:NOH-AN00 204.0.0.65(SP4C00E70R1P12) +### 在 mac 上安装鸿蒙模拟器 + +[mac 上使用模拟器](https://harmonyosdevelopertest.devccsrnd.hwcloudtest.cn:3087/cn/docs/doc-guides-V4/run_simulator-0000001582636200-V4) + +[!WARNING] 安装模拟器成功后,启动模拟器,如果已经启动了 android 模拟器,deveco 无法发现鸿蒙模拟器,解决方法是先把 android 模拟器关闭。原因是当前 hdc 命令支持 adb,android 模拟器启动后,就不会再搜索鸿蒙模拟器了,后续版本会修复。 + ### 拉取 RNOH 代码 RNOH 包含的内容: @@ -94,9 +109,9 @@ RNOH 包含的内容: npx react-native@0.72.5 init AwesomeProject --version 0.72.5 ``` -### Android +### Android & ios -创建工具会自动为 Android 和 iOS 生成工程底座,可直接使用。 +创建工具会自动为 Android 和 ios 生成工程底座,可直接使用。 ### Harmony @@ -104,15 +119,26 @@ npx react-native@0.72.5 init AwesomeProject --version 0.72.5 ## 编译并运行 React Native 应用 +### ios + +在你的项目目录中运行 yarn ios 或者 react-native run-ios: + +```bash +cd tester +yarn ios +# 或者 +react-native run-ios +``` + ### Android -确保你先运行了模拟器或者连接了真机,然后在你的项目目录中运行 yarn android 或者 yarn react-native run-android: +确保你先运行了模拟器或者连接了真机,然后在你的项目目录中运行 yarn android 或者 react-native run-android: ```bash cd tester yarn android # 或者 -yarn react-native run-android +react-native run-android ``` ### Harmony diff --git a/zh-cn/qa.md b/zh-cn/qa.md index 249fa12c1ac1fb9a5b818d2fde66162ff883eab5..decb6da814beb179ed7ed9f8f30171107f3ce474 100644 --- a/zh-cn/qa.md +++ b/zh-cn/qa.md @@ -43,21 +43,19 @@ copyAssets(assets, args.assetsDest); 将 node_modules 的 `react-native/Libraries/Utilities/Platform.d.ts` 替换成 react-native-harmony 包里 `react-native-harmony/Libraries/Utilities/Platform.d.ts`。 -### 1.5 bob-build 时报错:"harmony/***/hvigorfile.ts:2:26 - error TS2307: Cannot find module '@ohos/hvigor-ohos-plugin' or its corresponding type declarations." +### 1.5 bob-build 时报错:"harmony/\*\*\*/hvigorfile.ts:2:26 - error TS2307: Cannot find module '@ohos/hvigor-ohos-plugin' or its corresponding type declarations." -把 hvigorfile.ts所在目录(如:"harmony" )添加到添加到tsconfig.build.json文件的exclude中,bob-build时就不会对harmony下面文件编译成js。 +把 hvigorfile.ts 所在目录(如:"harmony" )添加到添加到 tsconfig.build.json 文件的 exclude 中,bob-build 时就不会对 harmony 下面文件编译成 js。 **tsconfig.build.json** ```json { "extends": "./tsconfig", - "exclude": ["example","harmony"] + "exclude": ["example", "harmony"] } ``` - - ## 2. 环境配置相关 ### 2.1 ArkTs 语法校验报错 @@ -85,3 +83,11 @@ copyAssets(assets, args.assetsDest); } ``` + +### 2.3 mac 鸿蒙模拟器已启动,依然无法发现设备 + +先把 android 模拟器关闭即可。 + +### 2.4 mac 鸿蒙模拟器,重新打开后之前安装的 app 没了 + +模拟器暂时不支持保存数据