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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我是你的春哥!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值