安装和需求

为了开始，您需要在您的机器上安装 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 的基本术语和概念，例如存储、道具和组件，您可能需要在充分利用 Svelte Flow 之前更好地了解 Svelte 的基础知识。如果您之前从未使用过 Svelte 或 React，我们建议您从 “欢迎使用 Svelte”教程 开始您的旅程。