Nuxt.js プロジェクトの インストールと構成
Node.jsをインストールする
Node.js がコンピューターにインストールされていることを確認してください。 最新バージョンは、Node.js の公式 Web サイトからダウンロードできます。
Vue CLIをインストールする
Terminal または を開き Command Prompt 、次のコマンドを実行して Vue CLI をインストールします(まだインストールされていない場合)。
npm install -g vue-cli
Nuxt.js プロジェクト を作成する
で Terminal 、プロジェクトを作成するディレクトリに移動し、次のコマンドを実行してプロジェクトを作成します Nuxt.js。
vue init nuxt-community/starter-template my-nuxt-project
プロジェクト構成
のプロンプトに従って Terminal プロジェクトを設定します。 Axios ESLint の使用、 のインストールなど 、プロジェクトのさまざまなオプションを選択できます。
最初のページの作成と基本コンテンツの表示:
プロジェクトディレクトリを開く
を開いて Terminal 、コマンド cd my-nuxt-project(または選択したフォルダー名) を使用してプロジェクト ディレクトリに移動します。
新しいページを作成する
Vue CLI を使用して、次のコマンドで新しいページを生成します。
npx vue-cli-service generate page mypage
新しいページを編集する
mypage.vue ディレクトリ内のファイル を開いて pages 、ページのコンテンツを編集します。 HTML、Vue コンポーネント、およびデータを追加できます。
ページを表示する
ファイルでは layouts/default.vue、 <nuxt/> タグを使用してページのコンテンツを表示できます。
プロジェクトを実行する
で Terminal 、次のコマンドを実行してプロジェクトを開始し、ブラウザでページを表示します。
npm run dev
これで、プロジェクトに最初のページが作成され Nuxt.js 、必要に応じてコンテンツをカスタマイズできます。