RN开发环境的搭建

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了RN开发环境的搭建相关的知识,希望对你有一定的参考价值。

准备工作

在 Windows 平台上开发 React Native 需要安装以下环境和工具:

安装Node.js

React Native 开发需要用到Node.js环境。我们做 React Native 开发会经常性的和 Node.js 进行打交道。

安装 Node.js 有两种常见的方法:

  1. 一种是通过Windows包管理工具Chocolatey来安装。
    看官网就觉得这种方法太复杂了,就没用。
  2. 第二种就是直接去Node.js官网下载安装包来进行安装。

接下来我们来介绍下第二种方法吧。

下载Node.js

双击安装.
查看版本
技术分享图片

安装React Native命令行工具

安装好了node.js,我们通过

npm install

来安装React Native命令行工具了。
win+R,输入cmd打开终端,输入并执行下面命令即可

npm install -g react-native-cli

安装Android Studio

这个就不说了

创建第一个React Native应用

win+R,输入cmd打开终端,输入并执行下面命令

react-native init <项目名字>
如:
react-native init FirstApp

技巧:镜像映射淘宝下载地址,init更快

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

技术分享图片

创建成功

技术分享图片

运行

React Native应用创建完成之后便可以运行它了,运行一个React Native应用通常有两种方式:

  1. 通过React Native命令行工具
    win+R,输入cmd打开终端,输入并执行下面命令即可
react-native run-android

这么里面有一个小坑.
http://36668a54.wiz03.com/share/s/0SpEFk0r0QQL20GEHx3JoA9A1LEQXQ3pRQ2B2zCGiP1olvqI







以上是关于RN开发环境的搭建的主要内容,如果未能解决你的问题,请参考以下文章

RN开发-Linux开发环境搭建(Ubuntu 12.04)

Mac搭建RN环境并运行Xcode项目

spring练习,在Eclipse搭建的Spring开发环境中,使用set注入方式,实现对象的依赖关系,通过ClassPathXmlApplicationContext实体类获取Bean对象(代码片段

RN环境的搭建

ReactNative环境搭建扩展篇——安装后报错解决方案

RN 环境搭建 运行demo App