一、搭建开发环境步骤
1.Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。
命令如下:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
![](https://img.haomeiwen.com/i1300576/2f9ea63471f33dfc.png)
2.使用Homebrew来安装Node.js
命令如下:
brew install node
注意:如果电脑上已经安装过node,则需要更新一下,更新命令如下:
Brew upgrade node
![](https://img.haomeiwen.com/i1300576/c8490f0e34d2946c.png)
3.安装完node后设置npm镜像以加速后面的过程。此处使用淘宝镜像
命令如下:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
![](https://img.haomeiwen.com/i1300576/b7ab2042d3fe70ca.png)
4.Yarn、React Native的命令行工具(react-native-cli),可以加速node模块的下载,用于执行创建、初始化、更新项目、运行打包服务(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
![](https://img.haomeiwen.com/i1300576/89ef1a843f3fc7cc.png)
以上即搭建完。
二、测试
1.创建MyApp项目
react-native init MyApp
2.进入创建的项目的路径
cd /Users/Vcom/MyApp
3.手动打开ios工程文件,在MyApp里的ios工程文件
4.如果想要打开模拟器,即
react-native run-ios
注意:运行时报错,说没有安装xcode命令行工具,此时只需要进入xcode--preference--location设置选中即可。
![](https://img.haomeiwen.com/i1300576/098dd5ae1a80c9c1.png)
三、推荐安装
下方的工具属于推荐安装,开发的时候必须安装,测试编译的时候可装可不装。
1.Watchman
Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。译注:此工具官方虽然是推荐安装,但在实践中,我们认为此工具是必须安装,否则可能无法正常开发。
命令如下:
brew install watchman
![](https://img.haomeiwen.com/i1300576/9ef6ed25ada977a0.png)
2.Flow
Flow是一个静态的JS类型检查工具。译注:很多示例中看到的奇奇怪怪的冒号问号,以及方法参数中像类型一样的写法,都是属于这个flow工具的语法。这一语法并不属于ES标准,只是Facebook自家的代码规范。
命令如下:
brew install flow
![](https://img.haomeiwen.com/i1300576/0de49696e98020d0.png)
网友评论