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