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

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

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

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

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

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

## エディタのセットアップ <!--Editor-setup-->

[Visual Studio Code (通称 VS Code)](https://code.visualstudio.com/download) と [Svelte extension](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) のご使用をおすすめしますが、[他にも数多くのエディタをサポートしています](https://sveltesociety.dev/resources#editor-support)。