React-Native开发windows环境搭建

必须安装的依赖有：Node、Python2、JDK 和 Android Studio。

其中JDK和Android Studio的配置参照cordova环境配置开发App

1、安装react-native指令工具，react-native-cli脚手架

npm i react-native-cli -g

2、创建项目指令： react-native init 项目名称

react-native init FirstApp

注意： 若使用node 版本为12.10.0可以创建指定版本的项目

react-native init 项目名称 0.55.4

react-native init 项目名称 --version 0.55.4

Android运行环境，若为AndroidX以下环境正常启动， react-native run-android；若为AndroidX环境，运行时，可以选择使用指令

react-native run-android 这是需要安装 gradle的zip包，需要等待非常久，也可以在每次启动时，使用指令 react-native run-android --no-jetifier

配套的react-navigation使用版本： npm i react-navigation@2.18.1 --save

创建 React-Native 工程时，如何指定特定的 React-Native 版本

react-native 可能会出现一种情况，就是版本最高的可能出现有些东西不太稳定，这时候要用到旧的版本怎么办？就可以用以下方法创建项目。

0. 原因

创建新的 React-Native (以下简称 RN)的时候，我们一般都是用以下命令：

react-native init [Project Name]

这个命令会从 npm 安装 react-native package，然后用执行该 package 中的 cli.js完成工程文件初始化。

这里有一点不方便的是，由于react-native 自身的版本升级非常频繁（两周发布一个版本），还往往会造成向前不兼容（毕竟还没有到1.0版本）。因此，我们经常要创建使用不同版本 react-native 的工程进行测试，尤其是对那些第三方的组件。而使用react-native init [Project Name] 是做不到这一点的。

这个需求对我来说过于频繁，于是我就干脆复制了react-native-cli的代码，加了自己的参数，提交了一个新的 package rninit。

rninit 的安装和使用和react-native-cli类似。

 

1. 安装

npm i -g rninit

2. 使用

2.1 用最新的 react-native 版本创建工程：

rninit init [Project Name]

查看可用的react-native的版本

npm view react-native versions -json

2.2 用特定的 react-native npm 版本创建工程：

rninit init [Project Name] --source react-native@0.42.2

2.3 从某个 Git Repo. 创建工程：

rninit init [Project Name] --source git+https://github.com/facebook/react-native.git#v0.42.2

这也方便你从自己 Clone 或 Fork 的 react-native 版本来创建工程。

2.4 “source” 参数格式

--source 参数的格式其实就是所有 npm install 支持的参数格式

2.5 “verbose” 参数

原本  react-native 支持的 --verbose 参数仍然被支持：

rninit init [Project Name] --source react-native@0.42.2 --verbose

这样你可以看到 npm 安装过程中的详细输出信息。