安装和要求
对于此设置，我们假设您已经安装了 node.js 和 npm、yarn 或 pnpm。React Flow 包发布在 @xyflow/react 上，可以通过以下方式安装：
npm install @xyflow/react现在您可以在应用程序中导入 React Flow 组件和样式
import { ReactFlow } from '@xyflow/react';
import '@xyflow/react/dist/style.css';快速上手
为了让大家快速上手，我们在 GitHub 上提供了一个使用 Vite 和 TypeScript 的模板库 - 我们在所有 React Flow 工作中都使用此设置！您可以在 这里 找到该模板。
要使用它，您可以从模板创建一个新的库，或者使用 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。