プロジェクトの作成

SvelteKit アプリのビルドを開始する最も簡単な方法は、npx sv create を実行することです。

npx sv create my-app
cd my-app
npm install
npm run dev

最初のコマンドは my-app ディレクトリに新しいプロジェクトを足場から構築し、TypeScript などの基本的なツールを設定するかどうかを尋ねます。追加のツールの設定については、統合 を参照してください。その後、その依存関係をインストールして、localhost:5173 でサーバーを起動します。

基本的な概念は 2 つです。

• アプリの各ページは Svelte コンポーネントです。
• プロジェクトの src/routes ディレクトリにファイルを追加すると、ページが作成されます。これらはサーバーレンダリングされて、ユーザーがアプリに最初にアクセスしたときにできるだけ高速に実行されるようにし、その後クライアント側のアプリが引き継ぎます。

ファイルの編集を試して、すべてがどのように機能するかを実感してください。

エディタの設定

Visual Studio Code (別名 VS Code) と Svelte 拡張機能 を使用することをお勧めしますが、他の多くのエディターもサポートされています。