Svelte 是一个构建 Web 应用的现代框架。它允许开发者编写声明式、高效的代码,同时保持组件的简洁和可维护性。

快速入门

  1. 安装 Svelte 首先,你需要安装 Svelte。你可以使用 npm 或 yarn 来安装它。

    npm install svelte
    

    或者

    yarn add svelte
    
  2. 创建一个 Svelte 应用

    创建一个名为 app.svelte 的文件,并添加以下内容:

    <script>
      let message = 'Hello, world!';
    </script>
    
    <h1>{message}</h1>
    

    这是一个非常简单的 Svelte 应用,它显示了一个标题和一个消息。

  3. 运行你的应用

    在命令行中,运行以下命令来启动开发服务器:

    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