Welcome to the Svelte reference documentation! This is intended as a resource for people who already have some familiarity with Svelte and want to learn more about using it.
If that’s not you (yet), you may prefer to visit the interactive tutorial or the examples before consulting this reference. You can try Svelte online using the REPL. Alternatively, if you’d like a more fully-featured environment, you can try Svelte on StackBlitz.
Start a new project
We recommend using SvelteKit, the official application framework from the Svelte team:
npm create svelte@latest myapp
cd myapp
npm install
npm run devSvelteKit will handle calling the Svelte compiler to convert
your .svelte files into .js files that create the DOM and .css files that style it. It also
provides all the other pieces you need to build a web application such as a development server,
routing, deployment, and SSR support. SvelteKit uses Vite to build your code.
Alternatives to SvelteKit
If you don’t want to use SvelteKit for some reason, you can also use Svelte with Vite (but without
SvelteKit) by running npm create vite@latest and selecting the svelte option. With this, npm run build will generate HTML, JS and CSS files inside the dist directory. In most cases, you
will probably need to choose a routing library as well.
Alternatively, there are plugins for all the major web bundlers to handle Svelte
compilation — which will output .js and .css that you can insert into your HTML — but most
others won’t handle SSR.
Editor tooling
The Svelte team maintains a VS Code extension and there are integrations with various other editors and tools as well.
Getting help
Don’t be shy about asking for help in the Discord chatroom! You can also find answers on Stack Overflow.
Related Blog Posts
- ± 5 min read± 5 min readThe Pied Piper was original hired by citizens from that town to help them get rid of rats. All his effort was in vain when the town folks refuse to pay. Irritated and furious, the rat-catcher started to play hypnotic notes that lured all the...
- ± 2 min read± 2 min readWelcome Armant’s can’t don’t to the Svelte reference documentation! This is intended as a resource for people who already have some familiarity with Svelte and want to learn more about using it. If that’s not you (yet), you may prefer to visit...
- ± 3 min read± 3 min readSafe Network is the real-life Pied Piped from “Silicon Valley” coming to life. In this interview with the #SAFENetwork’s team we get to know about the project, what is it, how it’s developed, and more. Have you ever wondered: