前言
万事开头难,当开始了以后,你就迈上了成功的道路
1. 项目创建
- 创建准备,安装必须的软件
1.官方推荐安装Homebrew
它是Mac OSX上的软件包管理工具,能在Mac中方便的安装软件或者卸载软件,相当于linux下的apt-get、yum。安装很简单,只需要打开终端输入如下命令:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.安装node.js
它是一个基于 Chrome V8 引擎的 JavaScript 运行环境,使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效,它的包管理器 npm,是全球最大的开源库生态系统。可以直接官网下载node.js进行安装,这里直接用命令安装。
brew install node
注意:安装完node.js后,官方建议安装镜像,毕竟国内墙比较高。(淘宝镜像)
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
3.安装Yarn、React Native的命令行工具
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
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;
Mac OS
可以直接命令编辑
1.vim打开profile文件
sudo vim /etc/profile;有密码输入密码,
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"
3.按ESC,进入保存, 输入 :wq! 保存
4.运行profile配置
source /etc/profile
注意:
1.JDK官网建议最好是1.8以上。
2.Android SDK 可以直接在安装了Android Studio之后再安装,在AS的SDK Manager中添加需要的SDK,我比较推荐这种方法。
- 开始创建
1.初始化项目
react-native init MyProject
注意:
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