React 本机流程、打字稿和 Visual Studio Code

Posted

技术标签:

【中文标题】React 本机流程、打字稿和 Visual Studio Code【英文标题】:React native flow, typescript and Visual Studio Code 【发布时间】:2018-03-10 15:37:16 【问题描述】:

谁能给我解释一下:

当我使用 react-native init 创建新的 React 本机项目时,它还会生成 .flowconfig

它是否也同时增加了对流的依赖?

使用 Visual Studio 代码时,它提供了一些智能感知功能,但我没有安装 TypeScript 或任何东西。如果我想使用 TypeScript 而不是 Flow,我是否必须额外安装 TypeScript?

我只是感到困惑,因为在我的项目目录中我有 .flowconfig 并且在使用 VS Code 时它仍然使用 TypeScript。

如果我只想使用 Flow 并完全禁用 TypeScript 怎么办?关于它的信息并不多。

【问题讨论】:

【参考方案1】:

Flow 没有与基础 RN 脚手架一起安装。这个.flowconfig 文件只是为了帮助您获得有效的 Flow 类型检查过程,如果您愿意使用 Flow。否则,您可以将其删除。请注意,要使用 Flow,您仍然需要安装一些软件包,可能还需要安装编辑器插件,最好关闭 vscode 分析。

TypeScript 也必须配置,即使 vscode 秘密使用它。一件事 (1) 是在编辑器中获取智能感知和其他帮助内容,另一件事 (2) 是使用 TS 来转译您的代码。

在第一种情况下,您可以获取一些类型定义并对原始 javascript 感到几乎满意 - vscode 仍然可以提供一些提示和建议。为此,我使用了vscode-react-native 插件,它下载了 RN 的类型定义。

在第二种情况下 - 待定,我不太了解 TS 在 RN 开发人员中的流行程度,但您可以从 create-xp-app 或类似项目中获取一些设置。

【讨论】:

以上是关于React 本机流程、打字稿和 Visual Studio Code的主要内容,如果未能解决你的问题,请参考以下文章

使用打字稿和模块 css 反应库 [重复]

将本机模块构建为电子应用程序的一部分

如何在打字稿中设置初始 React 状态?

打字稿和多个类

打字稿和电子出口未定义

打字稿和 Knex