react-native开发之flow配置

做react-native快一年了，还是非常的不习惯javascript。因为javascript没有类型检测。我相信许多的大神有一样的感觉，于是有有了typescript，有了flow。react-native默认是使用flow的。但是在当初学习的时候，没有发现这多少这方面的资料，很多教程中也没有提到这样要怎么用，所以一直没有用上。之前webStorm在更新的时候，更新描述中提到了支持flow，于是就研究了一下flow。## 安装 ##相信许多人都和我一样，在开始配置react-native开发环境的时候都跟着教程安装了flow，然后一直没有使用。安装的方法非常的简单，这里只说mac。首先安装Homebrew（相信许多人都安装了）,在命令行中执行:

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

然后安装flow，在命令行中执行：

brew install flow

## 初始化 ##react-native默认配置了flow，所以不用初始化。## 使用 ##首先，我们新建一个react-native项目：

react-native init flow

然后，进入项目的更目录

cd flow/

运行flow

flow

这里，有可能出现报错：Wrong version of Flow. The config specifies version ^0.42.0 but this is version 0.44.1这是因为react-native是指定了flow的版本的。这时候有以下两个方法:

1. 安装对应版本的flow（brew无法选择版本，所以这时候只能是换成使用npm指定版本安装了）

2. 打开.flowconfig文件（在react-native的根目录下，是隐藏文件），修改最后的[version] ^0.42.0为[version] ^0.44.1，0.44.1是你的版本

   然后再次执行flow，就会输出flow的检查结果。
   

等一下等一下，这是什么鬼？难道要使就用flow就要每打几行代码就执行一次检查，然后自己找到错误的地方进行修改？不用担心，现在主流的react-native开发ide对flow都有支持。

这里只说webStorm：
Preferences->Languages & Frameworks->javaScript

效果：