Svelte制作一个app

Svelte 制作一个app

本教程是为了让你熟悉编写组件的过程。但在某些时候,你会想在你自己的文本编辑器里开始编写组件。首先,您需要将 Svelte 与构建工具集成。我们推荐使用 SvelteKit,它会为你设置带有 vite-plugin-svelte 的 Vite ...npm create svelte@latest myapp还有一些由社区维护的集成。如果你是 Web 开发的新手,以前没有使用过这些工具,请不要担心。我们已经准备了一份简单的分步指南,即针对新开发者的 Svelte,它将引导你完成这一过程。你还需要配置你的文本编辑器。有许多流行的编辑器的插件,以及官方的 VS Code 扩展。然后,一旦您建立了项目,使用 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​ 交互。