如何使用 npx 创建新的反应原生应用程序？

Question

我有几个月没有使用 react-native。看起来有些事情同时发生了变化。在官方文档中，他们建议卸载react-native-cli 并改用npx react-native init。我这样做了，但最终出现错误，因为我没有在全球范围内安装该软件包。但是，如果我全局安装react-native，运行项目时会报错，说我应该删除全局包。

如今创建 React 应用的正确方法是什么？

Answer 1

1. npm 卸载 --global react-native-cli
2. 安装 node js（我使用 node js 版本 12.10.0 here），我不使用最新版本，因为有一个错误，我无法运行我的 react native 应用程序
3. 安装 python2 jdk8 和 yarn
4. 安装android studio和sdk并将ANDROID_HOME添加到环境变量中
5. 使用npx react-native init ProjectName创建新项目
6. 使用yarn react-native run-android 或yarn react-native run-ios 运行项目

@Raeygzz 如果你想使用 react-native 相关命令，在命令开头添加 yarn/npx

yarn react-native run-android
yarn react-native run-ios

或

npx react-native run-android
npx react-native run-ios

1. 如果你想创建 apk 调试使用 在你的根项目中

   cd android && gradlew assembleDebug

2. apk 版本 在你的根项目中

   cd android && gradlew assembleRelease

3. 使用包调试 在你的根项目中

   yarn react native run-android

获取apk文件

android\app\build\outputs\apk\debug

如果我正在使用的设备没有 USB 电缆，我通常会这样做，所以我将文件复制到那里，并将其发送到云端，将其下载到设备并安装它，然后我只需摇晃手机并转到设置和设置调试服务器 例如：10.xxx.xxx:8081 然后在cmd中运行yarn start 摇动设备并选择刷新

react-native run-android 和 gradlew assembleDebug 的区别就在这里 react-native run-android Vs ./gradlew assembleDebug

Answer 2

查看他们的官方文档npx

Answer 3

感谢@Gus Nando 提供详细信息...如果我想使用 npx 为 android 进行调试构建，那么我应该遵循什么。并且，如果为 android 和 ios 平台创建调试和生产构建的方式有任何变化或变化。

任何与 npx 相关的信息都会有很大帮助。提前致谢

Answer 4

您需要做的第一件事是删除 react-native-cli:

npm uninstall react-native-cli 或 npm uninstall --global react-native-cli

然后，如果您安装了 NodeJS 10 LTS 或更高版本，请安装 Expo CLI： npm install -g expo-cli

你现在应该可以像这样使用 expo-cli 制作新的 react native 应用了： expo init ProjectName

Expo 是一个工具，可让您在手机上设置开发环境。有关详细信息，请参阅此处的文档：https://expo.io/

这是开发、测试和部署应用程序的最有效和最快的方法

Answer 5

尝试使用npx react-native init projectName 然后使用cd projectName 将目录更改为项目 并使用react-native run-android 运行项目