NUXTJP / GUIDE

Nuxtをはじめる

環境を準備し、新しいプロジェクトを作成して、最初のVueページを動かしましょう。

1. 開発環境を用意する

Node.jsの対応するLTS版と、npmまたはpnpmを用意します。nvmを利用している場合は、対応するNode.jsをインストールして選択してください。最新の対応条件は下の公式導入ガイドを確認してください。

以下をターミナルで実行し、作成時の案内に従って依存関係をインストールします。開発サーバーが表示したURLをブラウザで開いてください。

Terminal

npm create nuxt@latest my-app
cd my-app
npm run dev

app/app.vueを編集し、開発サーバーで変更を確認します。ページを分ける場合はapp/pagesにVueファイルを配置します。さらに必要な機能をモジュール一覧から選んでください。