React Native搭建开发环境

2017-04-03 | 阅读：次

　　React Native的开发环境配置直接参考官方文档即可完成，不过对小白来说东西有点多，有些名词不是很好理解，这里就(官方的安装文档稍微展开说一下。http://reactnative.com/

　　译注：如果阅读完教程后还碰到很多环境搭建的问题，我们建议你还可以再看看由reactnative.cn提供的环境搭建视频教程、windows环境搭建文字教程、以及常见问题。

安装

第一: 通过命令行安装HomeBrew

ruby -e “$(curl –insecure -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”

第二: 查询HomeBrew的版本

XXXXX-Mac:~ scottwang$ brew -v
Homebrew 1.1.11
Homebrew/homebrew-core (git revision 8663; last commit 2017-04-02)
XXXXX-Mac:~ scottwang$

　　至此说明HomeBrew已经安装成功。

使用Homebrew来安装Node.js （对解析JS所需的环境node+安装之后你就可以用npm命令了）

XXXXXX-Mac:~ scottwang$ brew install node
......
XXXXXX-Mac:~ scottwang$ node -v
v6.10.0

　　安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具),因为天朝的网络你懂得。

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

React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g react-native-cli

如果你看到EACCES: permission denied这样的权限报错，那么请参照上文的homebrew译注，修复/usr/local目录的所有权：

sudo chown -R `whoami` /usr/local

React Native目前需要Xcode 7.0 或更高版本。你可以通过App Store或是到Apple开发者官网上下载。这一步骤会同时安装Xcode IDE和Xcode的命令行工具。

虽然一般来说命令行工具都是默认安装了，但你最好还是启动Xcode，并在Xcode | Preferences | Locations菜单中检查一下是否装有某个版本的Command Line Tools。Xcode的命令行工具中也包含一些必须的工具，比如git等。

react-native init reactIOS
cd reactIOS
react-native run-ios

所谓工欲善其事必先利其器,做React Native开发也和其他应用开发一样，但是工具有很多种，可能每个公司用的也不一样。下节就给大家介绍几款比较好用的IDE:sublime、webstorm以及官网推荐的Nuclide、VSCode-中文

转载请注明原地址，LCry的博客：http://scott-cry.win/ 谢谢！