React Native 环境配置的坑

701 查看

一直想试试RN,但是因为安装环境的问题一直没有成功,中间陆陆续续因为时间的原因中断了一段时间,今天终于鼓起勇气再次冲击·····,先说一下我之前安装环境的坑爹史吧。

刚刚开始我是按照下面的按照方法安装的:


1、首先需要安装 Homebrew,安装只要一句话:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)",判断安装成功与否,可以用命令查看:brew -v。

然后用brew命令来安装Node.js(服务端的JavaScript运行环境):

brew install node

安装完成之后测试是否安装成功,npm -v,如果没有反应那就是安装错了,坑爹的,我在这一步卡死了,因为我这一步安装成功,npm -v也提示版本,但是提示npm not link,所以下面使用npm命令(第3步)的时候就用不了,然后我找啊找找啊找,无数次卸载删除该路径都无效,就在我放弃的时候突然想到,我用其它方法安装,不要用homebrew安装,然后我就去官网下载安装了一个node.js


2、然后安装 watchman(Facebook推出的文件改动监听器):

brew install watchman

React Native通过watchman来监视代码文件的改动并适时进行编译。这就好比Xcode,它会在每次文件被保存时对文件进行编译。


3、然后用npm命令安装React Native 的CLI工具:

npm install -g react-native-cli

如果这条命令出错,试试提一下权限sudo npm install -g react-native-cli

这个命令通过Node Package Manager来下载和安装CLI工具,npm是一个类似CocoPods或Carthage工具。


4、定位到要创建React Native 项目的文件夹,使用CLI工具创建一个新的React Native项目:

react-native init PropertyFinder

这将创建一个默认的React Native项目,其中包含有能够让React Native项目编译运行的必要内容。

在React Native项目文件夹中,有一个node_modules文件夹,它包含React Native 框架文件。此外还有一个 index.ios.js 文件,这是CLI创建的脚手架代码。最后,还有一个Xcode项目文件及一个iOS文件夹,后者会有一些iOS代码用于引导React Navtive App。


5、然后打开iOS文件夹下的Xcode文件你就可以运行啦······\(≧▽≦)/激动·····

建议科学上网,不然下载一些东西会很慢,有好的方法和学习路径希望不吝赐教~~

其它阅读请参考以下:

React Native 官方文档中文版