本教程旨在让你熟悉编写组件的流程。但在某个时候，您将希望在自己的文本编辑器中编写自己的组件。

首先，你需要将 Svelte 与构建工具集成起来。官方提供了针对 Rollup 和 webpack 的插件：

• rollup-plugin-svelte
• svelte-loader

另外还有很多是社区维护的插件。

如果您对 web 开发比较陌生，并且以前没有使用过这些工具，那么不要担心，我们准备了一个简单的分步指南，Svelte for new developers，引导您完成整个过程。

您还需要配置文本编辑器。 如果您使用的是 VS Code，安装 Svelte 扩展 就可以了，否则需要按照 此指南 将您的文本编辑器配置为将 .svelte 文件视作 .html 文件对待，以便语法高亮显示。

然后，一旦您的项目设置好了，使用 Svelte 组件就很容易了。编译器将每个组件转换为常规的 JavaScript 类 - 接下来只需导入它并用 new 实例化即可：

import App from './App.svelte';

const app = new App({
	target: document.body,
	props: {
		// we'll learn about props later
		answer: 42
	}
});

然后，如果需要，你可以使用 组件 API 与 app 进行交互。