インストール

オンラインでプレイする

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

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

新しいプロジェクト

前提条件

• Node.js - 20.x以降 (ただし、アクティブな LTS リリース)
• テキストエディター - IDE の要件はありませんが、Visual Studio Codeと公式 Vue 拡張機能(以前は Volar として知られていました) またはWebStormを推奨します。これらは、他の JetBrains IDEと同様に、すぐに優れた Nuxt サポートを提供します。
• ターミナル - Nuxt コマンドを実行するため

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

npm create nuxt@latest <project-name>

yarn create nuxt@latest <project-name>

pnpm create nuxt@latest <project-name>

bun create nuxt@latest <project-name>

deno -A npm:create-nuxt@latest <project-name>

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

code <project-name>

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

cd <project-name>

開発サーバー

これで、Nuxt アプリを開発モードで起動できます。

npm run dev -- -o

yarn dev --open

pnpm dev -o

bun run dev -o

# To use the Bun runtime during development
# bun --bun run dev -o

deno run dev -o

次のステップ

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