プロジェクトを作成する

SvelteKit アプリの構築を始めるのに最も簡単な方法は npx sv create を実行することです:

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

最初のコマンドでは、TypeScript などの基本的なツールをセットアップするかどうか選択し、my-app ディレクトリに新しいプロジェクトを生成します。 これらのオプションの詳細については CLI のドキュメント を、追加のツールの設定に関するポイントについては インテグレーションのページ をご覧ください。npm run dev コマンドで、開発サーバーを localhost:5173 で起動します - プロジェクト作成時に依存関係をインストールしなかった場合は、実行する前にインストールしてください。

SvelteKit には2つの基本的なコンセプトがあります:

• アプリの各ページは Svelte コンポーネントです
• プロジェクトの src/routes ディレクトリにファイルを追加することで、ページを作成できます。これらはサーバーでレンダリングされるのでユーザーの最初のアクセスの際に可能な限り速く表示されるようになり、それからクライアントサイドのアプリに引き継がれます

ファイルを編集して、どのように動作するのか確かめてみてください。

エディタのセットアップ

Visual Studio Code (通称 VS Code) と Svelte extension のご使用をおすすめしますが、他にも数多くのエディタをサポートしています。