最終更新日: 2023年08月15日

インストール方法

オンラインのスターターやターミナルを利用することで、Nuxtを素早く始めることができます。

オンラインで利用する

オンラインサンドボックスを使用して、ブラウザでNuxt 3を試すことができます：

nuxt.newを開くことで、スターターやテーマを選んで直接始めることができます。

新規プロジェクト

前提条件

  • Node.js - v16.10.0 or それ以上のバージョン
  • テキストエディタ - Visual Studio CodeとVolar拡張機能を推奨。
  • ターミナル - Nuxtコマンドを実行するためのターミナル。

最適なセットアップのための追加の注意事項:

ターミナル(Windows PowerShellなど)を開いてください（Visual Studio Codeを使用している場合は、統合ターミナル）。

以下のコマンドを使用して新しいスタータープロジェクトを作成してください。

  • npx
  • shell
// project-name は任意のプロジェクト名（例：sample-nuxtなど）
npx nuxi@latest init <project-name>

Visual Studio Codeでプロジェクトフォルダを開いてください。

  • shell
// 先ほど入力した任意のプロジェクト名（例：sample-nuxtなど）
cd <project-name>

依存関係にあるファイルをインストールしてください。

  • npm
  • shell
npm install

開発サーバー

これで、開発モードでNuxtアプリを起動することができます：

  • npm
  • shell
// npm run devでも起動可だが、末尾に -- -o を付与することで、ブラウザが自動起動します。
npm run dev -- -o

お疲れ様でした！自動的にブラウザウィンドウ（http://localhost:3000）が起動します。

次のステップ

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

フレームワークの概念について学びましょう。