码迷,mamicode.com
首页 > 其他好文 > 详细

RN开发环境的搭建

时间:2017-11-26 22:58:54      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:打开   sha   执行   data   分享   windows   接下来   下载   src   

准备工作

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

  • Node.js
  • Android Studio1,

安装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开发环境的搭建

标签:打开   sha   执行   data   分享   windows   接下来   下载   src   

原文地址:http://www.cnblogs.com/zsjblog/p/7900695.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!