跳到主要内容

安装和要求

对于此设置，我们假设您已经安装了 node.js 和 npm、yarn 或 pnpm。 React Flow 包发布在 npm 上的 Reactflow下，并可通过以下方式安装：

npm install reactflow

现在您可以在应用程序中导入 React Flow 组件和样式：

import ReactFlow from 'reactflow';
import 'reactflow/dist/style.css';

立即行动​

为了让人们快速构建，我们在 GitHub 上有一个使用 Vite 和 TypeScript 的模板存储库 - 我们将这个设置用于我们自己的所有 React Flow 工作！您可以在此处找到模板 https://github.com/xyflow/vite-react-flow-template。

要使用它，您可以从模板创建一个新的存储库，或者使用 degit 来获取模板的文件而不需要 git 历史记录：

npx degit xyflow/vite-react-flow-template your-app-name

需要以往的经验​

React Flow 是一个 React 库。这意味着 React 开发人员会放心地使用它。如果您不熟悉基本的 React 术语和概念，例如状态、道具、组件和钩子，那么您可能需要了解有关 React 的更多信息，然后才能完全使用 React Flow。如果您以前从未使用过 React，我们建议您首先通过 Codecademy或 Reactjs.org 等教程开始使用 React。