Nuxt Nation カンファレンスが開催されます。11月12日~13日にご参加ください。

インストール

オンラインスターターを使ってNuxtをすぐに始めたり、ターミナルを使ってローカルで始めたりできます。

オンラインで試す

プロジェクトを設定せずにブラウザでNuxtを試したい場合は、オンラインサンドボックスのいずれかを使用できます。

StackBlitzで開く

CodeSandboxで開く

または、以下の手順に従って、コンピューターに新しいNuxtプロジェクトを設定してください。

新規プロジェクト

前提条件

最適なセットアップのための追加注意事項
  • Node.js: 偶数バージョン (18, 20など) を使用してください。
  • Nuxtr: コミュニティ開発のNuxtr拡張機能をインストールしてください。

ターミナルを開き(Visual Studio Codeを使用している場合は、統合ターミナルを開くことができます)、次のコマンドを使用して新しいスタータープロジェクトを作成します。

npx nuxi@latest init <project-name>
または、nuxt.newを開き、そこに記載されている指示に従って、他のスターターやテーマを見つけることもできます。

Visual Studio Codeでプロジェクトフォルダーを開きます

ターミナル
code <project-name>

または、ターミナルから新しいプロジェクトディレクトリに移動します

cd <project-name>

開発サーバー

これで、Nuxtアプリを開発モードで起動できるようになります

npm run dev -- -o
よくできました!ブラウザウィンドウがhttps://127.0.0.1:3000で自動的に開きます。

次のステップ

Nuxtプロジェクトを作成したので、アプリケーションの構築を開始する準備ができました。

Nuxtの概念で詳細をご覧ください。