nuxt logo

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

インストール

オンラインスターターを使ってすぐに Nuxt を始めるか、ターミナルでローカルに開始しましょう。

オンラインで試す

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

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

新しいプロジェクト

前提条件

最適なセットアップのための追加の注意点:
  • Node.js: 偶数バージョン(18, 20 など)を使用してください
  • Nuxtr: コミュニティが開発した Nuxtr 拡張機能をインストールしてください
  • WSL: Windows を使用していて HMR が遅い場合、WSL (Windows Subsystem for Linux) を使用することでパフォーマンスの問題が解決するかもしれません。

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

npm create nuxt@latest <project-name>

または、nuxt.new を開いて、他のスターターやテーマを見つけ、指示に従ってください。

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

Terminal
code <project-name>

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

cd <project-name>

開発サーバー

これで、Nuxt アプリを開発モードで開始できます:

npm run dev -- -o

お疲れ様です! http://localhost:3000 が自動的にブラウザで開かれるはずです。

次のステップ

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

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