📜  install svelte - Shell-Bash (1)

📅  最后修改于: 2023-12-03 15:31:25.009000             🧑  作者: Mango

安装 Svelte

如果你还不了解 Svelte,它是一个基于编译的 JavaScript 框架,旨在提供更快的性能、更小的包体积,并且更容易于构建 Web 应用程序。

以下是如何在你的项目中安装 Svelte 的步骤:

步骤 1:安装 Node.js

Svelte 是一个基于 Node.js 的框架,所以在开始之前,你需要先安装 Node.js。你可以在 nodejs.org 上下载 Node.js 的安装程序,并根据安装向导完成安装过程。

步骤 2:创建新项目

在开始使用 Svelte 之前,我们需要创建一个新项目。你可以通过以下命令在你的终端中创建一个新目录:

mkdir my-svelte-app

然后进入这个新目录:

cd my-svelte-app
步骤 3:使用 npm 安装 Svelte

现在我们可以使用 npm 安装 Svelte:

npm install svelte
步骤 4:创建一个简单的 Svelte 应用

在你的项目目录下,创建一个名为 App.svelte 的新文件,并添加以下代码:

<script>
  let name = 'World';
</script>

<h1>Hello {name}!</h1>

这将创建一个简单的 Svelte 组件,它将在页面上显示一个标题,并显示名为 name 的变量的值。

步骤 5:构建和运行应用程序

现在我们已经准备好构建并运行我们的新应用程序了。使用以下命令在你的终端中构建应用程序:

npx svelte build .

然后使用以下命令启动应用程序:

npx serve public

这将在浏览器中打开应用程序,并在地址栏中显示本地服务器的 URL。

恭喜!你已经成功运行了你的第一个 Svelte 应用程序。

回到README