react-native windows 环境搭配

前端之家收集整理的这篇文章主要介绍了react-native windows 环境搭配前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

安装JDK

从Java官网下载JDK并安装。请注意选择x86还是x64版本。

推荐将JDK的bin目录加入系统PATH环境变量。

安装Android SDK

可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio,以下说明会默认以Android Studio的方式说明。请注意选择x86还是x64版本。

为了加速下载,推荐从AndroidDevTools下载。

然后进入SDKManager(可通过Android Studio菜单Tools-Android-SDK Manager),确保以下项目已经安装并更新到最新:

Tools/Android SDK Tools (24.3.3)

Tools/Android SDK Platform-tools (22)

Tools/Android SDK Build-tools (23.0.1)

Android 6.0 (API 23)/SDK Platform (1)

Extras/Android Support Library(23.0.1)

推荐使用腾讯Bugly的镜像加速下载。查看说明

推荐将SDK的platform-tools子目录加入系统PATH环境变量。

安装node.js

从官网下载node.js的官方4.1版本或更高版本。本来在电脑上已经有低版本的node,想到要升级node最新版本,于是搜了一下node的版本控制,发现n和nvm是mac专用,但是nvmw是windows的node版本控制。但是用它之后发现nvmw只适用于v0.10.0之前的版本,因为在下载node的exe文件时会自动在你输入的版本号的目录下找x64下的node.exe文件,但是node在v0.10.0之后的版本,node就改变了自己的目录结构。


nvmw找文件的路径


现在node的目录结构

安装Python
从官网下载并安装python 2.7.x

安装react-native命令行工具

npm install -g react-native-cli

创建项目

进入你的工作目录,运行

react-native init MyProject

在这个过程中遇到一个问题:not found git,解决方式就是把git的bin文件配置在路径里面。还有一个问题是config error,解决方法是:git config --system core.longpaths true。

运行项目

进入项目目录,运行下面的命令:

react-native start

可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的脚本。第一次访问通常需要十几秒。访问页面如下

在安卓手机上运行

react-native run-android

这个过程要先确定有手机或者模拟器链接了电脑,安卓模拟器运行卡电脑,果断用真机调试,用手机连接电脑后要打开手机开发者调试,运行adb devices查看手机是不是已经正确连接:

这样就是已连接,若出现:

则表示设备没连接上,如果确实手机已连接电脑,就先adb kill-server命令,再连接一次,就能成功了。连接成功后会在手机显示该应用,点开后,界面可能回显示红色,Unable to download JS bundle
只要摇一下手机,在dev setting中设置你电脑的IP:端口,在reload一下就可以了。
这个过程可能会出错,按照提示修改一下,再多试几次就可以了。

接下来的学习就是按照http://react-native.cn/中文官网开始学习了。给自己加油!这是第一次写文章,有错误的地方希望指正。

原文链接:https://www.f2er.com/react/307470.html

猜你在找的React相关文章