react-native - 如何在 vscode 上为 react-native 启用流检查？

Question

目标

能够为 react-native 创建一个新项目（使用react-native init），并在 Visual Studio Code 上启用流检查。

我做了什么

我刚刚创建了一个新的 react-native 项目

react-native init iaptris

然后打开 Visual Studio 代码

cd iaptris
code .

我看到了这个错误

Whis 这些错误描述（意大利语，抱歉）

谷歌搜索我得出结论，我必须为 VsCode 安装 Flow Extension，我做到了。

然后我禁用了对当前工作区、设置文件关联和流命令路径的本机检查

{
  "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

问题

至此，错误消失了，而且，去掉一个大括号抛出一个新的语法错误，我没有看到任何错误。没有错误。

问题

我现在还必须做什么？

标签： react-nativevisual-studio-codeflowtype

Answer 1

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

1. react-native init <project name>

2. 打开 VsCode

3. Javascript -> Validate 仅对当前工作区禁用（如果下一张图片是意大利语，很抱歉，但作为参考就足够了）

4. 安装插件

   yarn add eslint babel-eslint eslint-plugin-flowtype --dev
   
   or
   
   npm install eslint babel-eslint eslint-plugin-flowtype --save-dev
   

5. 创建一个.eslintrc具有以下内容的

   {
     "parser": "babel-eslint",
     "plugins": [
       "flowtype"
     ],
     "extends": [
       "plugin:flowtype/recommended"
     ]
   }
   

6. 关闭并重新打开 vscode 和工作区