React Native 初始化项目和模拟器运行

中文官方文档:https://reactnative.cn/docs/environment-setup

英文官方文档:https://reactnative.dev/docs/getting-started-without-a-framework#step-1-creating-a-new-application

创建新项目

1、初始化

bash 复制代码
# 如果你之前全局安装过旧的react-native-cli命令行工具,请使用npm uninstall -g react-native-cli卸载掉它以避免一些冲突
npm uninstall -g react-native-cli @react-native-community/cli

# 初始化
npx @react-native-community/cli init demo

# [可选参数] 指定版本或项目模板
npx @react-native-community/cli init demo --version X.XX.X

npx命令安装了npm就可以用

2、安装js依赖

进入demo

bash 复制代码
npm i
运行

1、用Android studiod打开demo的android文件夹并build, 经过漫长...漫长...漫长的时间:

2、安装手机模拟器

安装好后,点三角形按钮:

检查时候有设备的命令:

bash 复制代码
adb devices

3、运行

bash 复制代码
npm run android

运行成功:

相关推荐
一个扣子11 小时前
降低 Android APK 体积:Hermes 的字节码格式与资源压缩
react native·字节码·构建优化·包体积优化·android性能·hermes·apk瘦身
cn_mengbei1 天前
用React Native开发OpenHarmony应用:Reanimated共享元素过渡
javascript·react native·react.js
祖国的好青年3 天前
VS Code 搭建 React Native 开发环境(Windows 实战指南)
android·windows·react native·react.js
一个扣子3 天前
性能面板解读:通过 Hermes Runtime 测量函数执行耗时
react native·chrome devtools·hermes·性能面板·函数耗时·performance api
一个扣子5 天前
Hermes 的 Android 与 iOS 平台差异化配置详解
react native·字节码·新架构·hermes·android配置·ios配置·平台差异
茅盾体5 天前
React Native
android·react native·react.js
一个扣子6 天前
多环境配置:开发/生产环境下 Hermes 的开启与关闭策略
react native·开发模式·多环境配置·生产模式·hermes·环境切换·构建配置
TechMasterPlus7 天前
Hermes 深度解析:React Native 高性能 JavaScript 引擎实践指南
javascript·react native·react.js
令人头秃的代码0_07 天前
React Native Bundle更新升级
react native
用户600071819108 天前
【翻译】React Native JSI 深度解析(第 3 篇):面向 JavaScript 开发者的 C++
react native