安裝與需求
對於此設定，我們假設您已經安裝了 node.js 和 npm、yarn 或 pnpm。React Flow 套件發佈在 npm 上，網址為 @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 術語和概念（例如狀態、屬性、元件和 Hook），您可能需要先學習更多關於 React 的知識，才能夠完全使用 React Flow。如果您從未使用過 React，我們建議您先透過Codecademy 或 Reactjs.org 等教學課程開始學習 React。