react-native windows 环境搭配

发布时间:2019-08-06 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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就改变了自己的目录结构。

react-native windows 环境搭配


nvmw找文件的路径

react-native windows 环境搭配


现在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 windows 环境搭配

安卓手机上运行

react-native run-android

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

react-native windows 环境搭配

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

react-native windows 环境搭配

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

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

脚本宝典总结

以上是脚本宝典为你收集整理的react-native windows 环境搭配全部内容,希望文章能够帮你解决react-native windows 环境搭配所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。