Skip to main content

Começar

Introdução

Editar esta página na GitHub

Bem-vindo à documentação de referência da Svelte! Esta documentação está destinada a servir como um recurso para as pessoas que já têm alguma experiência com a Svelte e querem aprender mais sobre como usá-la.

Se ainda não for o nosso caso, podemos visitar o tutorial ou os exemplos antes de consultarmos esta referência. Nós podemos testar a Svelte online usando a REPL. Alternativamente, se gostaríamos dum ambiente mais completo, podemos experimentar a Svelte na StackBlitz.

Começar Um Novo Projeto

Nós recomendamos usar a SvelteKit, a abstração de aplicação oficial da equipa da Svelte:

npm create svelte@latest myapp
cd myapp
npm install
npm run dev

SvelteKit encarregar-se-á de chamar o compilador da Svelte para converter os nossos ficheiros .svelte em ficheiros .js que criam o DOM e os ficheiros .css que o estilizam. Também fornece todos os outros pedaços que precisas para construir uma aplicação de Web como um servidor de desenvolvimento, roteamento, implementação em produção, suporte a interpretação do lado do servidor. A SvelteKit usa a Vite para construir o nosso código.

Alternativas à SvelteKit

Se não quisermos usar a SvelteKit por alguma razão, também podemos usar a Svelte com a Vite (mas sem a SvelteKit) executando npm init vite e selecionado a opção svelte. Com isto, npm run build gerará os ficheiros de HTML, CSS e JavaScript dentro do diretório dist. Na maioria dos casos, provavelmente também precisaremos de escolher uma biblioteca de roteamento.

Alternativamente, existem extensões para todos os principais empacotadores da Web para lidar com a compilação da Svelte — que produzirá o .js e .css que podemos inserir no nosso HTML — mas a maioria dos outros não lidarão com a interpretação no lado do servidor.

Ferramentas do Editor

A equipa da Svelte mantém uma extensão de VS Code e também existem integrações com vários outros editores e ferramentas.

Pedindo Ajuda

Não precisamos ter vergonha na hora de pedir ajuda, e para isto temos a sala de conversas da Discord! Também é possível encontrar respostas na Stack Overflow.

anterior