インストール
オンラインスターターを使ってすぐに Nuxt を始めるか、ターミナルでローカルに開始しましょう。
オンラインで試す
プロジェクトを設定せずにブラウザで Nuxt を試したい場合は、以下のオンラインサンドボックスを利用できます:
または、以下の手順に従ってコンピュータ上に新しい Nuxt プロジェクトを設定してください。
新しいプロジェクト
前提条件
- Node.js -
20.x
以上(ただし、アクティブな LTS リリースを推奨) - テキストエディタ - IDE の要件はありませんが、Visual Studio Code と 公式 Vue 拡張機能(以前は Volar として知られていた)または WebStorm を推奨します。これらは 他の JetBrains IDE とともに、すぐに 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 のコンセプト※このページは Nuxt.js 公式ドキュメントの翻訳ページ(非公式)です。
公式ドキュメントの該当ページはこちら:
https://nuxt.com/docs/4.x/getting-started/installation