React Native安装记录20220624 react-native

for React Native v0.69

时过境迁，包括官网的安装指引都跟不上时代变化啊，折腾半天反正是可以了，记下来希望可以帮助到别人。
环境 Windows 10 64位家庭版
手机模拟器夜神
Node node -v v16.13.1 (官网要求不低于14)
JavaSDK javac --version v11.0.7 (官网要求不低于11)
Android Studio Android Studio Chipmunk | 2021.2.1 (这个是本次新装的，凭自己感觉装吧，中间会提示被墙，我没高效上网，跳过)
安装之后看了很多别人的安装经验，最后什么也没做，只把环境变量注册了。(注意启用Android Studio，点击自定义->全部设置，外观和行为->系统设置->安卓SDK，复制一下本地SDK安装路径（如果你知道SDK目录可以不用干这个)。
回到操作系统，添加系统环境变量ANDROID_HOME，值就是刚才复制的SDK目录。
编辑系统环境变量PATH，添加以下四项：

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

如果还开着命令行工具的话关掉它（不然大概率不会自己重载环境变量的更新），准备工作完成。
初始化Native项目确认没有安装过react-native-cli，装过请卸载。
进入自己的工作目录执行npx react-native init AwesomeProject就好了，会自动创建AwesomeProject目录。
【React Native安装记录20220624】执行yarn react-native run-android会生成一个apk，位于项目路径下的android/app/build/outputs/apk/debug/app-debug.apk。执行过程中会报错，因为没开模拟器。
看一下自己的ip，通常项目会默认在8081端口。运行夜神模拟器，把上面的apk拖进模拟器，安装后运行报错，此时点菜单中的更多(...图标)，再点击弹出菜单中的菜单（三横线图标）打开配置项，将开发设置中的服务端地址里写上自己的ip和端口。重新打开夜神，再次运行app。正常打开了。
安装TypeScript

yarn add tslib @types/react @types/react-native yarn add --dev react-native-typescript-transformer typescript

从已有的react项目的根目录复制tsconfig.json。
在根目录新建rn-cli.config.js，内容为:

module.exports = { getTransformModulePath() { return require.resolve('react-native-typescript-transformer'); }, getSourceExts() { return ['ts', 'tsx']; }, };

将App.js更名为App.tsx，感觉好多了。
再次启动服务 npx react-native start。
懒人不贴图，文章结束。