Чтобы начать работу с Svelte с использованием TypeScript, вы можете выполнить следующие действия:
-
Установите необходимые зависимости:
npx degit sveltejs/template svelte-app cd svelte-app npm install -
Создайте новый файл с расширением
.svelte, например,App.svelte, и напишите код компонента Svelte. Вот простой пример:<script lang="ts"> let name: string = "Svelte"; </script> <style> h1 { color: blue; } </style> <h1>Hello {name}!</h1> -
Обновите файл
main.ts, чтобы использовать компонентApp:import App from './App.svelte'; const app = new App({ target: document.body, }); export default app; -
Создайте и запустите приложение:
npm run build npm run dev
Это лишь основные шаги для начала работы с Svelte и TypeScript. В Svelte доступно множество более продвинутых методов и функций, которые вы сможете изучить по мере того, как освоитесь с этой платформой.