Svelte 是一个构建 Web 应用的现代框架。它允许开发者编写声明式、高效的代码,同时保持组件的简洁和可维护性。
快速入门
安装 Svelte 首先,你需要安装 Svelte。你可以使用 npm 或 yarn 来安装它。
npm install svelte
或者
yarn add svelte
创建一个 Svelte 应用
创建一个名为
app.svelte
的文件,并添加以下内容:<script> let message = 'Hello, world!'; </script> <h1>{message}</h1>
这是一个非常简单的 Svelte 应用,它显示了一个标题和一个消息。
运行你的应用
在命令行中,运行以下命令来启动开发服务器:
svelte serve
这将在本地启动一个服务器,通常在
http://localhost:5000
上。
示例代码
<script>
let name = 'Svelte';
function greet() {
alert(`Hello, ${name}!`);
}
</script>
<h1>Welcome to {name}</h1>
<button on:click={greet}>Greet</button>
在这个例子中,我们有一个包含 greet
函数的 Svelte 应用。当用户点击按钮时,它会弹出一个包含用户名字符串的警告框。
扩展阅读
更多关于 Svelte 的信息,请访问我们的官方文档:Svelte 官方文档
Svelte Logo