react-naive 搭建开发环境(Windows)

来源:互联网 发布:av淘宝2017在线 编辑:程序博客网 时间:2024/06/08 18:51

1、安装JDK

可以去java官网下载http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html,之后最好将jdk的bin目录配置到Path变量。

2、安装android SDK

可以单独安装,也可以和android studio一并安装,推荐使用android studio,如果时android开发的话,这些就可以省略了。
下载android sdk网址,AndroidDevTools,android studio和sdk等在上面都可以在上面下载到。

3、安装C++环境

选择Windows SDK、cygwin或mingw等其他C++环境。编译node.js的C++模块时需要用到。

4、安装Node.js

从Node.js官网下载,

安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。

npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global

5、安装Python2

从Python官网下载Python2.7.x,3.0系列暂不支持。

6、安装Git

可以直接去下载Git for Windows。 在安装过程中注意勾选"Run Git from Windows Command Prompt",这样才会把git命令添加到PATH环境变量中。

7、github上下载React native项目

https://github.com/facebook/react-native

在react native的react-native-cli目录下输入下面命令:
npm install -g react-native-cli

8、创建项目

任意盘符下新建你的工作文件夹,然后在文件夹下打开cmd窗口,执行如下命令:
react-native init Myproject
项目的名字可以自行定义,这个过程可能需要几分钟,耐心等待。

9、运行packageer

项目创建结束后,进入工程目录,再cmd窗口下输入如下命令:
react-native start

10、准备模拟器或真机 运行android

在工程目录下,另开一个cmd窗口,之前那个不要关闭,输入如下命令:

react-native run-android
第一次可能有点慢,耐心等待,可能会报错,
如出现错误:sdk路径找不到,配置一下sdk的环境变量,还有android项目的话需要到其他项目复制一个local.proerties文件到android目录下。
如果出现问题:failed to find target with hash string 'android-23' in: F:\Android_SDK    解决办法:更新23版本的sdk
如果出现问题:build成功后是红色的:没有连接服务器js Server
解决方法:ip地址+8081端口  ip是你这台电脑的ip,例子:192.168.1.100:8081 
摇晃手机,会出来一个菜单,选择reload js就会正常了。

这样第一个程序就跑成功了,更详细的可以查看官方文档。


0 0
原创粉丝点击