Your First Hello World In Svelte

In Svelte, writing “Hello, World!” is simple. Follow these steps:

Setup a Svelte Project (if not already set up)

If you don’t have Svelte installed, you can create a new project using Vite:

npm create vite@latest my-svelte-app -- --template svelte

cd my-svelte-app

npm install

npm run dev

In src/routes/+page.svelte (if using SvelteKit) or in a new App.svelte file, add:

<script>
  let message = "Hello, World!";
</script>

<h1>{message}</h1>

If you haven’t already started the dev server, run:

npm run dev

Then open http://localhost:5173 in your browser.

You’ll see:

Hello, World!