安装和要求
¥Installation and Requirements
对于此设置，我们假设你已经安装了 node.js 和 npm、yarn 或 pnpm。React Flow 包在 npm 上的 @xyflow/react 下发布，可通过以下方式安装：
¥For this set-up we assume you already have node.js and npm, yarn or pnpm already installed.
The React Flow package is published under @xyflow/react on npm and installable via:
npm
npm install @xyflow/react现在你可以在应用中导入 React Flow 组件和样式：
¥Now you can import the React Flow component and the styles in your application:
import { ReactFlow } from '@xyflow/react';
import '@xyflow/react/dist/style.css';立即开始运行
¥Hit the ground running
为了让人们快速构建，我们在 GitHub 上有一个使用 Vite 和 TypeScript 的模板存储库 - 我们将此设置用于我们自己的所有 React Flow 工作！你可以找到模板 此处 。
¥To get folks building quickly, we have a template repository on GitHub that uses Vite and TypeScript – we use this set up for all our own React Flow work! You can find the template here .
要使用它，你可以从模板创建一个新的存储库，也可以使用 degit 来获取没有 git 历史记录的模板文件：
¥To use it, you can either create a new repository from the template, or use degit
to grab the template’s files without the git history:
npx degit xyflow/vite-react-flow-template your-app-name需要先前经验
¥Prior Experience Needed
React Flow 是一个 React 库。这意味着 React 开发者会感到舒适地使用它。如果你不熟悉 React 的基本术语和概念（如状态、属性、组件和钩子），你可能需要在能够充分使用 React Flow 之前了解有关 React 的更多信息。如果你以前从未使用过 React，我们建议你首先通过 Codecademy 或 Reactjs.org 等教程开始使用 React。
¥React Flow is a React library. That means React developers will feel comfortable using it. If basic React terms and concepts like states, props, components, and hooks are unfamiliar to you, you might need to learn more about React before being able to use React Flow fully. If you’ve never used React before, we recommend first getting to start on React through tutorials like Codecademy or Reactjs.org .