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



我已经几个月没有使用react-native了。与此同时,似乎有些事情发生了变化。在官方文档中,他们建议卸载react-native-cli并改用npx react-native init。我这样做了,但最终出现错误,因为我没有全局安装该软件包。但是,如果我全局安装react-native,则在运行项目时会导致错误,指出我应该删除全局包。

如今创建反应应用程序的正确方法是什么?

  1. npm uninstall --global react-native-cli
  2. 安装节点 js(我在这里使用 node js 版本 12.10.0(,我不使用最新版本,因为有一个错误我无法运行我的 react 本机应用程序
  3. 安装Python2JDK8Yarn
  4. 安装 Android Studio 和 SDK,并将ANDROID_HOME添加到环境变量
  5. 使用npx react-native init ProjectName创建新项目
  6. 使用yarn react-native run-androidyarn 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 AssemblyRelease

  3. 使用捆绑包进行调试 在根项目中

    Yarn React native run-Android

并获取 apk 文件

androidappbuildoutputsapkdebug

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

区别在于 react-native run-android 和 gradlew assembleDebug 之间的区别。 react-native run-android VS ./gradlew assembleDebug

检查他们的官方文档 npx

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

npm uninstall react-native-clinpm uninstall --global react-native-cli

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

您现在应该能够像这样使用 expo-cli 制作新的 react 本机应用程序:expo init ProjectName

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

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

感谢@Gus Nando 提供的详细信息...如果我想使用 NPX 为 Android 制作调试版本,那么我应该遵循什么。 此外,如果为Android和iOS平台创建调试和生产版本的方式有任何更改或更改。

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

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

这很容易! 如果在Windows中进行开发,只需在具有管理访问权限的首选终端中执行以下命令: npx react-native init YourPrjName

有关详细信息,请观看此简短视频 https://youtu.be/A5pXsiBVKTY

并且不要忘记使用小写,除了项目名称

相关内容

  • 没有找到相关文章

最新更新