> For the complete documentation index, see [llms.txt](https://132oq-szjxckld--diwejk1k2j-1123n.gitbook.io/documentation-studio-shento/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://132oq-szjxckld--diwejk1k2j-1123n.gitbook.io/documentation-studio-shento/getting-started-with-sveltekit/installing-sveltekit.md).

# Installing SvelteKit

## Installing Bun

```bash
npm install -g bun
```

## Why should you use SvelteKit?

It's super easy to use, it compiles extremely fast, it's super easy to create SPA's etc.

It has built-in Image Optimizer.

## Installing SvelteKit

```bash
bun create svelte@latest .
bun install
```

{% hint style="info" %}
Make sure to enable Formatting with Prettier, as it enables you to do:

`npm run format`

Which formats everything according to the Svelte formatting standards
{% endhint %}

## Adding TailwindCSS

```bash
npx svelte-add
```

**Select:** Prettier, TailwindCSS, and select the Typography plugin for Tailwind CSS

## Install the Svelte for VS Code extension

{% embed url="<https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode>" %}
Svelte extension
{% endembed %}