上一篇文章说下载鸿蒙开发工具，今天开始实践了

1. 新建rn项目(mac端)

npx react-native@0.72.5 init AwesomeProject --version 0.72.5

或者使用如下命令，跳过其他node_modules的安装过程，因为暂时不需要依赖库，但是网速好的情况下，还是建议用上面的命令，一次安装成功

npx react-native@0.72.5 init AwesomeProject --version 0.72.5 --skip-install

init之后的文件夹如图所示，这里只有ios和android文件夹，我的理解应该有个harmony文件夹放着鸿蒙的项目才对，让我们接着往下看

image.png

2.下载安装鸿蒙依赖

在react native项目的package.json文件内添加"dev": "react-native bundle-harmony --dev"这句话

{
 "name": "AwesomeProject",
 "version": "0.0.1",
 "private": true,
 "scripts": {
   "android": "react-native run-android",
   "ios": "react-native run-ios",
   "lint": "eslint .",
   "start": "react-native start",
   "test": "jest",
+    "dev": "react-native bundle-harmony --dev"
 },
 "dependencies": {
   "react": "18.2.0",
   "react-native": "0.72.5"
 },
 "devDependencies": {
   "@babel/core": "^7.20.0",
   "@babel/preset-env": "^7.20.0",
   "@babel/runtime": "^7.20.0",
   "@react-native/eslint-config": "^0.72.2",
   "@react-native/metro-config": "^0.72.11",
   "@tsconfig/react-native": "^3.0.0",
   "@types/react": "^18.0.24",
   "@types/react-test-renderer": "^18.0.0",
   "babel-jest": "^29.2.1",
   "eslint": "^8.19.0",
   "jest": "^29.2.1",
   "metro-react-native-babel-preset": "0.76.8",
   "prettier": "^2.4.1",
   "react-test-renderer": "18.2.0",
   "typescript": "4.8.4"
 },
 "engines": {
   "node": ">=16"
 }
}

打开terminal，cd到新建项目的文件下，执行

// @x.x.x可以不要，默认会安装最新版的依赖，也可以指定版本号，但是要考虑跟rn版本的兼容性
npm i @react-native-oh/react-native-harmony@x.x.x