Начало работы с Svelte и TypeScript: пошаговое руководство

Чтобы начать работу с Svelte с использованием TypeScript, вы можете выполнить следующие действия:

  1. Установите необходимые зависимости:

    npx degit sveltejs/template svelte-app
    cd svelte-app
    npm install
  2. Создайте новый файл с расширением .svelte, например, App.svelte, и напишите код компонента Svelte. Вот простой пример:

    <script lang="ts">
     let name: string = "Svelte";
    </script>
    
    <style>
     h1 {
       color: blue;
     }
    </style>
    
    <h1>Hello {name}!</h1>
  3. Обновите файл main.ts, чтобы использовать компонент App:

    import App from './App.svelte';
    
    const app = new App({
     target: document.body,
    });
    
    export default app;
  4. Создайте и запустите приложение:

    npm run build
    npm run dev

Это лишь основные шаги для начала работы с Svelte и TypeScript. В Svelte доступно множество более продвинутых методов и функций, которые вы сможете изучить по мере того, как освоитесь с этой платформой.