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服务器 

 

 

        运行截图:

4、React Native 工程目录介绍 

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐