react-native总结之项目开发环境创建

前言

万事开头难，当开始了以后，你就迈上了成功的道路

---

1. 项目创建

- 创建准备，安装必须的软件

1.官方推荐安装Homebrew

它是Mac OSX上的软件包管理工具，能在Mac中方便的安装软件或者卸载软件，相当于linux下的apt-get、yum。安装很简单，只需要打开终端输入如下命令：

 
 
1
2

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
 
 
1

2.安装node.js

它是一个基于 Chrome V8 引擎的 JavaScript 运行环境，使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效，它的包管理器 npm，是全球最大的开源库生态系统。可以直接官网下载node.js进行安装，这里直接用命令安装。

brew install node
 
 
1

注意：安装完node.js后，官方建议安装镜像，毕竟国内墙比较高。（淘宝镜像）

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

3.安装Yarn、React Native的命令行工具

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

宁波整形医院http://www.zuanno.com/
宁波好的整形医院http://www.zuanno.com/

npm install -g yarn react-native-cli
 
 
1

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

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

4.android SDK 与 Java JDK 安装配置

android SDK，Java JDK是Android开发必须安装的工具包; SDK可以从Android SDK官网下载。JDK可以从Oracle官网下载。配置方法如下：

• Windows

我的电脑->右击属性->高级设置变量->环境变量->系统变量->Path目录，在path目录中设置：

ANDROID_HOME：安装的SDK目录（我的 E:\Library\Android\sdk）
JAVA_HOME：安装的JDK目录（我的 E:\Java\jdk1.7.0）
Path：变量值最后输入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
 
 
1
2
3

• Mac OS

  可以直接命令编辑

  1.vim打开profile文件

sudo vim /etc/profile；有密码输入密码，
 
 
1

2.按键盘“i”键，进入插入模式，编辑如下：

ANDROID_HOME="/Users/zhaoyingchao/Library/Android/sdk"  
export ANDROID_HOME
JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk1.8.0_45.jdk/Contents/HomeContents/Home"
export JAVA_HOME
CLASS_PATH="$JAVA_HOME/lib"
PATH=".$PATH:$JAVA_HOME/bin"
 
 
1
2
3
4
5
6

3.按ESC，进入保存, 输入 :wq! 保存

4.运行profile配置

source /etc/profile 
 
 
1

注意：

    1.JDK官网建议最好是1.8以上。
    2.Android SDK 可以直接在安装了Android Studio之后再安装，在AS的SDK Manager中添加需要的SDK，我比较推荐这种方法。

 
 
1
2
3

- 开始创建

1.初始化项目

react-native init MyProject
 
 
1

注意：

1.init命令默认会创建最新的版本，而目前最新的0.45及以上版本需要下载boost库编译。此库体积庞大，在国内即便翻墙也很难下载成功，导致很多人无法正常运行iOS项目，中文网在论坛中提供了这些库的国内下载链接。如果你嫌麻烦，又没有对新版本的需求，那么可以暂时创建0.44.3的版本。（引自官网） 
2.你可以使用–version参数（注意是两个杠）创建指定版本的项目。例如react-native init MyApp –version 0.44.3。注意版本号必须精确到两个小数点。（引自官网）

2.运行项目

cd MyProject
react-native run-ios
 
 
1
2