React Native 开发环境搭建-Windows平台（2）

 

React Native 开发需要的安装工具：

1. Node.js
2. React Native Command Line (React Native 命令行工具)
3. Android Studio / XCode
4. JDK 
5. 安装C++环境

 

Note.js的安装：

 

1. 通过在Node.js官网下载安装包进行安装即可
2. 安装玩Node.js以后通过npm -v 命令查看是否安装成功

React Narive 命令行工具的安装：

1. 安装完Node.js以后，在命令行输入如下命令进行安装

   npm install -g react-native-cli

   

2. 通过如下命令验证react-native命令行已安装完成

   react-native -v

   

 

Android Studio 的安装：

 

 

创建第一个React Native应用：

1. 在初始化React Native应用之前，首先可以设置一下npm淘宝的镜像服务器,让npm从国内的淘宝镜像服务器去下载所需的资源，这样做主要是为了提高下载资源速度。在node.js的安装目录中找到npmrc文件，比如我的是D:\nodejs\node_modules\npm\npmrc  然后通过Notepad++编辑工具打开它，然后在最后一行加入如下代码,这样做的主要目的是告诉npm让其在指定的淘宝镜像服务器去下载资源。

   registry = https://registry.npm.taobao.org

   

2. 初始化react-native 项目

   react-native init 项目名称

   

3. 通过命令行去运行一个React Native应用，执行该命令以后会启动一个JS服务器，这个JS服务器是react 的包管理器（react 的启动器），该服务器的默认端口是8081， 它主要是给react-native应用来提供js文件，它是本地的服务器,如果该服务器中断了，可以进入项目的根目录执行npm start命令即可

   react-native run-android

   JS服务器 

   

 

 

        运行截图：

1. 

4、React Native 工程目录介绍