React native 环境搭建

一, 安装Java

下载JDK,选择适应自己的机型;官网地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

  • 检查及配置

1. 检查是否安装成功

【开始】----【运行】----输入CMD,在命令提示符里面输入“Java -version”
如果出现版本号,说明安装成功 。

2.配置环境变量

路径:【我的电脑】---【属性】-----【高级】---【环境变量】
出“新建系统变量”对话框,在“变量名”文本框输入“JAVA_HOME”,在“变量值”文本框输入JDK的安装路径

修改Path配置 可以写在最新面
%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;”

修改CLASSPATH配置【不存在的话,新建】
“.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;”

新建ANDROID_HOME。路径指向:sdk的路径 。 后面在android stuido中也会需要配置

测试环境变量:cmd下输入 JAVAC,有信息表示正确

二, 安装node

node版本我用的是node-v8.9.3-x64.msi
下载地址:https://nodejs.org/download/release/v8.11.3/node-v8.11.3-win-x64.7z
现在最新版是 8.11.3 (includes npm 5.6.0)
官网链接:https://nodejs.org/zh-cn/download/

安装完成以后,测试是否安装成功 ,在cmd下输入node -v 如果显示版本信息,表示成功

安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!

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

源码的下载地址:
https://nodejs.org/dist/v8.11.3/node-v8.11.3.tar.gz
有兴趣的可以自己研究下

三,安装python2 .

不安装也可以,但是不安装没有办法使用mkdir rootmenu/submenu 这些子目录 。 影响不大。

python2的版本:python-2.7.15.amd64
下地地址:
https://www.python.org/downloads/release/python-2715/

当前最新版本是 V3.7.0

四,Yarn、React Native的命令行工具(react-native-cli)

Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

安装命令

npm install -g yarn react-native-cli

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

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的安装

如果不用最后打包apk 也可以不安装这个。
让别的同事打包。

Android Studio需要Java Development Kit [JDK] 1.8(暂不支持更高版本)。你可以在命令行中输入 javac -version

如Android Studio默认安装了 Android Support Repository,而这也是React Native必须的(否则在react-native run-android时会报appcompat-v7包找不到的错误)

  1. 确定所有安装都勾选了,尤其是Android SDK和Android Device Emulator。

Android Device Emulator如果用其它模拟器的话,可以不用安装 。大约1G空间

2,选择custom以后,检查已安装的组件,尤其是模拟器和HAXM加速驱动

3.安装完成后,在Android Studio的欢迎界面中选择Configure | SDK Manager。

4.在SDK Platforms窗口中,选择Show Package Details,然后在Android 6.0 (Marshmallow)中勾选

  1. **Google APIs、
  2. Android SDK Platform 23、
  3. Intel x86 Atom System Image、
  4. Intel x86 Atom_64 System Image
  5. Google APIs Intel x86 Atom_64 System Image。**

5.在SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1(必须包含有这个版本。当然如果其他插件需要其他版本,你可以同时安装其他多个版本)。然后还要勾选最底部的Android Support Repository.

六,测试安装

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

因为每次创建的项目都是最新的,有时候会不稳定 ,建议创建时带上版本号。

react-native init MyApp --version 0.44.3

。注意版本号必须精确到两个小数点。

posted @ 2018-07-17 09:29  水木  阅读(201)  评论(0编辑  收藏  举报