美文网首页
React Native(Windows 10)环境搭建

React Native(Windows 10)环境搭建

作者: RonnieSir | 来源:发表于2016-04-29 16:57 被阅读0次

1.安装JDK并配置环境变量

此电脑——属性——高级系统设置——高级——环境变量

系统变量→新建 JAVA_HOME 变量 。

变量值填写jdk的安装目录(本人是 C:\Program Files\Java\jdk1.8.0_77)

系统变量→寻找 Path 变量→编辑

在变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

确定。

2.安装SDK并配置环境那个变量

系统变量→新建ANDROID_HOME 变量 。

变量值填写jdk的安装目录(本人是 D:\Android\SDK)

3.安装node.js

下载地址:https://nodejs.org/en/

安装完成可以在命令提示符下输入:node -v,显示node的版本

4.安装git

下载地址:https://git-for-windows.github.io/

5.安装react-native命令行工具react-native-cli

1)  在命令行中进入你希望RN安装的目录

2)  输入git clone https://github.com/facebook/react-native.git,等待下载

提示:checking connectivity...done.

3)  进入刚刚目录下的react-native目录下的react-native-cli目录,输入npm install -g

安装好之后,可以命令行下就有react-native命令了

6.创建react-native项目

进入你希望创建项目的目录后,输入react-native init DemoProject(项目名称),等待一段时间(较慢)

7.运行package

在项目根目录下,输入react-native start,等待一段时间。

这时候可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android,如果可以访问表示服务器端已经可以了

8.运行项目

刚刚运行package的命令行不要关闭,重新启动一个新的命令行,

进入项目目录,输入react-native run-android

相关文章

网友评论

      本文标题:React Native(Windows 10)环境搭建

      本文链接:https://www.haomeiwen.com/subject/bbxkrttx.html