使用flow检查代码

使用flow检查代码

• 想要安装flow可以点击flow官网
• 在这里我建议全局安装，当然你也可以在项目中安装

// 全局安装
yarn global add flow-bin

// 项目中安装
// 进入项目的根目录
yarn add --dev flow-bin

• 如果你想使用flow检查某个js文件，那么你要在这个js文件的第一行添加// @flow
• 以下是文件demo.js

// @flow
function Hello(num){
    return 2 * num
}
Hello("ok")

• 如果你已经全局安装，输入以下命令

// flow全局安装
flow init // 初始化，生成 .flowconfig 文件
flow // 运行flow

• 如果你在项目中安装flow，输入以下命令

// 项目中安装flow
yarn run flow init // 初始化，生成 .flowconfig 文件
yanr run flow // 运行flow

• 运行flow之后检测的结果为

Spawned flow server (pid=26042)
Logs will go to /private/tmp/flow/zSUserszSsataniyazSDesktopzSdemo.log
Monitor logs will go to /private/tmp/flow/zSUserszSsataniyazSDesktopzSdemo.monitor_log
Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ demo.js:3:16

Cannot perform arithmetic operation because string [1] is not a number. [unsafe-addition]

     1│ // @flow
     2│ function Hello(num){
     3│     return 2 * num
     4│ }
     5│
 [1] 6│ Hello("ok")



Found 1 error

• 可以看见 demo.js:3:16出现了错误，主要是because string [1] is not a number,也就是说输入的参数不是一个数字（number类型）
• 知道错误的原因之后修改相应文件的js代码

// @flow
function Hello(num){
    return 2 * num
}
Hello(2)

No errors!