二、Flow使用
狐七 Tools
# 二、Flow使用
# 1. 在文件开头要使用注释
@flow
的标记,这样flow
才会检查这个文件。
# 2. 在代码中使用类型注解
PS: 这里看到
VSCode
中会有js
的语法校验,需要手动关闭设置 ->
javascript valida
-> 关闭JavaScript
验证
# 3. 在package.json中添加,
"scripts": {
"flow": "flow"
}
1
2
3
2
3
如果是yarn
直接运行yarn flow
即可,也可以不设置scripts
直接npx flow
运行
# 4. 初始化flow
运行下面的语句,会再同级目录下生成一个.flowconfig
的配置文件
npm run flow init
# > TypeScript@1.0.0 flow E:\professer\TypeScript
# > flow "init"
1
2
3
4
2
3
4
# 5. 执行flow命令进行检查
npm run flow
# > TypeScript@1.0.0 flow E:\professer\TypeScript
# > flow
# Launching Flow server for E:\professer\TypeScript
# Spawned flow server (pid=5816)
# Logs will go to C:\Users\AppData\Local\Temp\flow\EzCzBprofesserzBlagouzBTypeScript.log
# Monitor logs will go to C:\Users\AppData\Local\Temp\flow\EzCzBprofesserzBlagouzBTypeScript.monitor_logNo errors!
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
# 6. 关闭flow命令
npm run flow stop
# > TypeScript@1.0.0 flow E:\professer\TypeScript
# > flow "stop"
# Trying to connect to server for `E:\professer\TypeScript`
# Told server for `E:\professer\TypeScript` to die. Waiting for confirmation...
# Successfully killed server for `E:\professer\TypeScript`
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8