VSCode 如何支持 Flow

VSCode 中 使用 Flow(静态类型检查工具) 时，会出现两个问题。

代码中出现红线

原因分析
在代码中，使用类型声明时，会报出如下错误：

VSCode 默认支持 JavaScript 代码检查，而 JavaScript 中不存在类型声明等语法，因此，会报出如上错误。

解决方案

---

在VSCode 设置文件（settings.json）中，将 JavaScript 代码检查 禁止掉。

settings.json 文件所在位置，VSCode 面板 – > File（文件）–> Preferences（首选项）->Settings（设置），

修改配置，编码如下：

"javascript.validate.enable": false

修改后，效果如下：

当代码使用泛型，代码无法高亮

原因分析

在代码中，使用 泛型 后，其后的代码无法高亮，效果如下：

解决方案

在这里我们需要安装一个Babel JavaScript插件，实现代码高亮。

安装插件位置，VSCode 面板 – > File（文件）–> Preferences（首选项）->extensions（扩展），

安装后，代码效果如下：