nuxt logo

ドキュメント翻訳(非公式)

インストール

オンラインスターターやターミナルを使用してのローカルでの開始など、Nuxtを迅速に始める方法を紹介します。

オンラインで試す

Nuxtを使ってブラウザで遊びたいだけなら、プロジェクトを設定することなく以下のオンラインサンドボックスのいずれかを使用することができます:

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

新しいプロジェクト

前提条件

最適なセットアップのための追加ノート:
  • Node.js: 偶数番号のバージョン(18、20 など)を使用してください
  • Nuxtr: 「Nuxtr extension」をインストールしてください
  • WSL: Windowsを使用していてHMRが遅い場合は、WSL(Windows Subsystem for Linux) の使用を試してみると、いくつかのパフォーマンス問題が解決するかもしれません。

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

npm create nuxt <project-name>

または、nuxt.newを開いて指示に従って他のスターターやテーマを見つけることができます。

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

Terminal
code <project-name>

または、ターミナルから新プロジェクトにディレクトリを変更します:

cd <project-name>

開発サーバー

これで、開発モードでNuxtアプリを開始する準備が整いました:

npm run dev -- -o

上手くいきました!ブラウザウィンドウが自動的に http://localhost:3000 で開かれるはずです。

次のステップ

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

こちらも参照 Nuxt コンセプト