如何在vscode上启用流检查以进行本机反应?

时间:2019-02-16 20:16:17

标签: react-native visual-studio-code flowtype

目标

能够为本机创建新项目(使用react-native init),并在Visual Studio Code上启用流检查。

我做了什么

我刚刚创建了一个新的本机项目

react-native init iaptris

然后打开Visual Studio代码

cd iaptris
code .

我看到了这个错误

enter image description here

这些错误说明(用意大利语表示抱歉)

enter image description here

使用Google搜索,我得出的结论是我必须安装Flow Extension for VsCode,并且确实安装了。

然后我禁用了对当前工作空间,设置文件关联和流命令路径的本地检查

{
  "javascript.validate.enable": false,
  "files.associations": {
    "*.json": "json",
    "*.js": "javascriptreact"
  },
  "flow.pathToFlow": "C:\\Users\\mirko\\.vscode\\extensions\\flowtype.flow-for-vscode-1.0.1\\node_modules\\.bin\\flow.cmd"
}

在同一工作空间中关闭并重新启动vscode

问题

这时,错误消失了,但是,除去花括号以引发新的语法错误,我看不到任何错误。没有错误。

enter image description here

问题

我现在还必须做什么?

1 个答案:

答案 0 :(得分:2)

实际解决方案,如果这不是更好的方法,请发表您的答案。而且我认为这不是更好的方法。

  1. react-native init <project name>

  2. 打开VsCode

  3. 仅对当前工作空间禁用Javascript -> Validate (很抱歉,如果下一张图片是意大利语的,但足以作为参考)

enter image description here

  1. 安装插件

    yarn add eslint babel-eslint eslint-plugin-flowtype --dev
    
    or
    
    npm install eslint babel-eslint eslint-plugin-flowtype --save-dev
    
  2. 使用以下内容创建一个.eslintrc

    {
      "parser": "babel-eslint",
      "plugins": [
        "flowtype"
      ],
      "extends": [
        "plugin:flowtype/recommended"
      ]
    }
    
  3. 关闭并重新打开vscode和工作区