React Native 搭建环境

react-native 在 GitHub 的地址 https://github.com/facebook/react-native

按照官方文档

先安装好 python2.x

再安装好 node.js

这里用 yarn 来替代 npm 加速,注意:npm 存在安装新库时会删除其他库的问题,导致项目无法正常运行。所以请尽量使用yarn代替npm操作。
安装 yarn,yarn 是Facebook提供的替代 npm 的工具,可以加速 node 模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

同样,在 CMD 命令行执行命令

npm install -g yarn react-native-cli

执行过程中需要等待1分钟,安装好后显示如下图

这里写图片描述

安装完yarn后同理也要设置镜像源

继续在 CMD 命令行,执行命令

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

这里写图片描述

安装完 yarn 之后,就可以用 yarn 代替 npm 了,例如用 yarn 代替 npm install 命令,用 yarn add 某第三方库名代替 npm install –save 某第三方库名

还需要 Android Studio

Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。React Native目前需要 Android Studio2.0 或更高版本。Android Studio 需要 Java Development Kit [JDK] 1.8(暂不支持更高版本)。你可以在命令行中输入 javac -version 来查看你当前安装的JDK版本。

除非特别注明,请不要改动安装过程中的选项。比如Android Studio默认安装了 Android Support Repository,而这也是React Native必须的(否则在 react-native run-android 时会报 appcompat-v7 包找不到的错误)。

JDK 下载地址 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

这里写图片描述

对于 Android Studio 的配置,按照开发时配置即可,也可以参考官方文档

官方文档地址 https://reactnative.cn/docs/0.51/getting-started.html

官方文档还推荐安装 Gradle Daemon 工具,可以极大地提升java代码的增量编译速度(并没弄懂)

react-native 开发工具

官方推荐使用 Atom+Nuclide 插件进行 React Native 开发。

Atom [‘ætəm] 的安装使用 http://www.hangge.com/blog/cache/detail_1149.html

Nuclide [‘njuːklaɪd] 插件安装 http://www.hangge.com/blog/cache/detail_1490.html

Nuclide https://nuclide.io/

Nuclide 在 Github 项目地址:facebook / nuclide(https://github.com/facebook/nuclide)

设置:https://nuclide.io/docs/editor/setup/

支持平台:Windows、Mac、Linux

Nuclide 是 Facebook 推出的一套基于 Atom 的开发工具集。是基于 Atom 之上构建的单独的一个包,用于开发基于 Hack 的 Web 应用,其提供可编程性且社区非常活跃。它为 React Native、Hack 和 Flow 项目提供一流的开发环境。注意:Nuclide can be installed on Windows, but it is not fully supported.

至此、Over

猜你喜欢

转载自blog.csdn.net/qq_34801506/article/details/80606493