【React Native初步学习】

@React Native初步学习

一、认识React Native

React Native是一个跨平台跨端的混合式开发前端框架，基于React基础进行开发；当时最新版是0.73，下面即将介绍npx命令行工具。

npx

npx是npm 5.2以上版本自带的一个命令行工具。它是一个很小的模块，具有执行本地安装的包中的二进制文件（如：JavaScript文件）的功能，是一个快速执行Node.js包库中的命令的工具。

在使用旧版的npm时，我们通常需要全局安装一些包和工具才能使其在命令行中生效，既浪费了时间又增加了安装的负担。然而，npx不需要全局安装，它可以自动查找你本地的npm包，安全快捷地执行来自npm库中的命令。

总之，npx是一个非常方便的npm命令，可以让我们在没有全局安装包、没有版本冲突和节省命令行时间的情况下，运行npm包的任何命令。同时，我们还可以使用npx创建自己的命令，方便自己和他人使用。

在学习新的开发技术的时候，总少不了搭建开发环境，环境搭建可参考官网或者网上技术文章,，推荐直接参照官方文档，毕竟是最新的也比较详细。环境搭建好后就是进入正题开始创建项目了

二、正式使用

在运行前确保已连接设备（真机手机或Pad）或者开启模拟器

1、新建react-native项目

使用命令
npx react-native init RNDemo

注：npx react-native init 项目名称

2、启动地铁

使用命令
npx react-native start

启动后会提示以下信息
info Dev server ready

i - run on iOS
a - run on Android
d - open Dev Menu
r - reload app

键盘输入 i 就是在苹果设备上打开，输入 a 就是在安卓设备上打开

3、安装基座并运行打开

info Opening app on Android…
info A dev server is already running for this project on port 8081.
info Installing the app…

Starting a Gradle Daemon, 1 busy Daemon could not be reused, use --status for details
。。。。。。

Task :app:installDebug
Installing APK ‘app-debug.apk’ on ‘Nexus_5_API_30-Test(AVD) - 11’ for :app:debug
Installed on 1 device.

BUILD SUCCESSFUL in 48s
43 actionable tasks: 43 executed
info Connecting to the development server…
8081
info Starting the app on “emulator-5554”…
Starting: Intent { act=android.intent.action.MAIN cat=[android.intent.category.LAUNCHER] cmp=com.rndemo1/.MainActivity }
BUNDLE ./index.js

注：上面是运行到模拟器上提示的信息，看到BUILD SUCCESSFUL基本上是正常运行了

特此说明：创建一个特定版本的React Native项目，你可以使用以下命令：
npx react-native init MyApp --version X.XX.X
其中，MyApp是你的项目名称，X.XX.X是你想要使用的React Native版本号。