安裝與需求

為了開始，您需要在您的機器上安裝 node.js 和 npm、yarn 或 pnpm。Svelte Flow 套件在 npm 上以 @xyflow/svelte 發布，並且可以透過以下方式安裝：

npm install @xyflow/svelte

pnpm add @xyflow/svelte

yarn add @xyflow/svelte

bun add @xyflow/svelte

現在您可以在您的應用程式中匯入 Svelte Flow 元件和樣式

import { SvelteFlow } from '@xyflow/svelte';
 
// 👇 this is important! You need to import the styles for Svelte Flow to work
import '@xyflow/svelte/dist/style.css';

所需先備知識

顧名思義，Svelte Flow 是一個 Svelte 函式庫。這意味著 Svelte 開發人員可能會發現它很容易使用。如果您還不熟悉 Svelte 的基本術語和概念，例如 stores、props 和 components，您可能需要在充分利用 Svelte Flow 之前更好地了解 Svelte 的基礎知識。如果您以前從未使用過 Svelte React，我們建議您從 「Svelte 入門」教學開始您的旅程。