Tag: 流

React Native和Flow入门

向您的React Native应用程序添加静态类型。 Flow使我们能够轻松地向我们的JavaScript添加静态类型检查。 Flow将帮助您防止错误，并可以提供更好的代码文档。 许多React Native文档和源代码已经使用了流程，因此从来没有比现在更好的时间开始使用它了！ 在本文的结尾，我们还将SublimeLinter-flow添加到Sublime Text中，以便在编辑器中进行实时类型检查！ 向React Native添加流 首先，让我们创建一个新的React Native应用程序： 反应本机初始化流程 .flowconfig文件是放置特定流配置的位置，类似于.eslintrc文件。 新的React Native项目带有.flowconfig用的预配置.flowconfig文件。 在本教程的其余部分中，我们将使用此默认配置。 如果您想自定义配置或了解有关配置的更多信息，请查看文档。 现在，我们需要使用flow-bin软件包安装flow。 cd进入根目录，然后在文本编辑器中打开.flowconfig文件，并查看底部以查看您的应用程序需要哪种版本的流： 对我来说，它的版本是0.33.0 ，所以它将成为我安装并另存为dev依赖项的版本。 纱线添加flow-bin@0.33.0 –dev 要么 npm我flow-bin@0.33.0 –save-dev 在本教程中，我们将按照文档以及我在社区中与大多数人交谈的建议在每个项目的基础上安装流程。 首选安装方法是按项目进行安装的原因是，不同的.flowconfig配置需要使用不同版本的流，如果在全局范围内安装它，则在很多情况下将无法正常工作。 要了解有关全局安装的更多信息，请在此处查看文档。 现在已经安装了正确的流版本，我们需要做的最后一件事是设置一个简单的命令，以便我们在每次键入check时都可以运行。 对我来说， npm run flow非常有意义，因此让我们打开package.json并将流程脚本添加到我们的脚本中： “脚本”：{ “ start”：“节点node_modules / react-native / local-cli / cli.js开始”， “ test”：“开玩笑”， “ flow”：“流” }， 现在，我们可以转到命令行来首次启动流服务器： npm运行流程 我们应该得到这个： 从文档： 使用Flow服务器 对于大型项目，您可能只希望Flow在文件更改时逐步检查文件。 […]