Svelte 制作一个app

2023-02-20 17:13 更新

本教程是为了让你熟悉编写组件的过程。但在某些时候,你会想在你自己的文本编辑器里开始编写组件。

首先,您需要将 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​ 交互。


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号