インストール
オンラインスターターを使ってNuxtをすぐに始めたり、ターミナルを使ってローカルで始めたりできます。
オンラインで試す
プロジェクトを設定せずにブラウザでNuxtを試したい場合は、オンラインサンドボックスのいずれかを使用できます。
または、以下の手順に従って、コンピューターに新しいNuxtプロジェクトを設定してください。
新規プロジェクト
前提条件
- Node.js -
v18.0.0
以降 - テキストエディター - Visual Studio Code と 公式のVue拡張機能 (以前はVolarとして知られていました) をお勧めします。
- ターミナル - Nuxtコマンドを実行するため
最適なセットアップのための追加注意事項
- Node.js: 偶数バージョン (18, 20など) を使用してください。
- Nuxtr: コミュニティ開発のNuxtr拡張機能をインストールしてください。
ターミナルを開き(Visual Studio Codeを使用している場合は、統合ターミナルを開くことができます)、次のコマンドを使用して新しいスタータープロジェクトを作成します。
npx nuxi@latest init <project-name>
または、nuxt.newを開き、そこに記載されている指示に従って、他のスターターやテーマを見つけることもできます。
Visual Studio Codeでプロジェクトフォルダーを開きます
ターミナル
code <project-name>
または、ターミナルから新しいプロジェクトディレクトリに移動します
cd <project-name>
開発サーバー
これで、Nuxtアプリを開発モードで起動できるようになります
npm run dev -- -o
よくできました!ブラウザウィンドウがhttps://127.0.0.1:3000で自動的に開きます。
次のステップ
Nuxtプロジェクトを作成したので、アプリケーションの構築を開始する準備ができました。