【前端工具】flow使用

前言

在vscode中首先F1=》setting.json 添加下面参数，关闭js验证功能，flow类型代码就不报红了

    "javascript.validate.enable": false,

flow 科普部分，可以不细看，一般不用

1.install

flow cli

npm i flow-bin

编译前需要 移除:类型的代码段,需要安装如下插件

npm i flow-remove-types

2. use

1.代码最上面添加// @flow
2.运行初始化npx flow init，需要为flow创建一个配置文件.flowconfig
3.运行npx flow，不过一般感觉直接用vscode插件是不是报红色波浪线来看，很少用这个命令来查看哪里有错误，插件安装比较简单，在下面一节

3. flow类型代码转为正常js代码

1.安装babel以及presets
npm i babel-cli babel-preset-flow -D
2. 使用babel命令 babel ./src -d ./dist 转换，转换完后再进行代码打包

mapbox

mapbox源码里面就是rollup插件里面有个import flowRemoveTypes from '@mapbox/flow-remove-types';
可以实现移除:类型的代码，再进行打包，是不是报错可以使用下面那个插件来看，错误有红色波浪线

vscode 中

使用插件，错误会有红色波浪线提示
Flow Language Support